Wie kann ich einen Scroll-Screenshot innerhalb eines Iframes erstellen?

Unsere Website ist so gestaltet, dass der Text innerhalb eines Iframes scrollt, während der Hintergrund (ein Bild) statisch bleibt.

Gibt es ein Tool auf dem Markt, das mir hilft, den Screenshot der gesamten Seite zu machen, einschließlich des gesamten Iframe-Inhalts auf meinem Mac?

Funktioniert die eingebaute Unterstützung nicht? support.apple.com/en-gb/HT201361
Ich glaube nicht, dass es möglich ist, denn wenn sowohl der Hauptrahmen als auch der Iframe erfasst werden, wird der Iframe das Aussehen des Hauptrahmens "ruinieren", nicht wahr?

Antworten (2)

Ich weiß nicht genau, ob diese so funktionieren, wie Sie es beabsichtigen, aber Ember behauptet, Screenshots ganzer Webseiten zu machen. Ich bin mir nicht sicher, wie es mit iframed Seiten funktioniert.

Wenn es nicht wichtig ist, einen Screenshot des Inhalts des Iframes mit diesem Hintergrundbild zu erhalten, können Sie Firefox verwenden, um das Iframe in einem separaten Tab zu öffnen und dann einen Screenshot davon zu erhalten, oder, wenn es immer noch scrollt, Drucken und auswählen PDF-Programm als Drucker (Sie benötigen Adobe Acrobat, CutePDFWriter oder etwas Ähnliches, um diese Option zu haben).

Wenn es wichtig ist, dass alle anderen Seiteninhalte zusammen mit den Iframe-Inhalten sichtbar sind, müssen Sie möglicherweise eine CSS-Änderung zur PDF-Druckoption hinzufügen. Es ist möglicherweise möglich, die Druckstile Ihrer Website so zu bearbeiten, dass der Iframe nur größer ist, wenn die Seite gedruckt wird. Auf diese Weise sieht es normal aus, wenn es nur angezeigt wird, zeigt jedoch den gesamten Iframe-Inhalt, wenn es gedruckt wird (oder in ein PDF-Programm gedruckt wird).

Das geht nicht, da es sich um separate Dokumente handelt. Die einzige Möglichkeit, dies zu erreichen, wäre, den Code der Seite vor dem Drucken so zu manipulieren, dass der Iframe größer wird, aber dies müsste von Hand erfolgen, da die Breite und Höhe des Iframes möglicherweise nicht die einzigen Seitenelemente sind, die seine Größe tatsächlich einschränken. Beispielsweise könnte sich der Iframe in mehreren anderen div-Tags befinden, die feste Größen haben. Sie müssten auch die Höhe und Breite des Inhalts kennen, der im iframe angezeigt wird, damit Sie wissen, wie groß die neue Größe des iframe werden soll.

Screenshot des Druckens von iFrame-Inhalten in Firefox:

Sie können den Inhalt des Iframes jedoch in Mozilla Firefox selbst drucken. Klicken Sie einfach mit der rechten Maustaste auf den Iframe, wählen Sie „Dieser Rahmen“ und dann „Rahmen drucken“.