Wie mache ich einen Screenshot, der ein Bildlaufelement auf einer Webseite in Firefox enthält?

Mein Vorschlag ist, die integrierte Funktion von Firefox zu verwenden, mit der Sie Screenshots eines einzelnen DOM-Elements erstellen können.

Öffnen Sie einfach die Entwicklertools → Suchen Sie das Element → Klicken Sie mit der rechten Maustaste und machen Sie einen Screenshot

Es hat auf einer meiner internen Websites nicht funktioniert, daher kann ich nicht sagen, dass es für alle funktioniert.

Update nach OP ' s Edit:

Wenn Sie beabsichtigen, die ganze Seite zusammen mit dem gesamten Inhalt des DOM-Elements aufzuzeichnen, wie unten gezeigt sollte die Höhe des DOM-Elements aber nicht bearbeiten...

Es wird viele DOM-Elemente aus dem Ansichtsfenster schieben und Screenshot oder AFAIK Jedes andere Werkzeug wird es nicht erfassen, was Ihren Zweck übertrifft, denke ich.

Lesen Sie weiter unten von https://en.wikipedia.org/wiki/Screenshot

Ein screenshot, screen-capture, screen-cap, cap, screen dump, oder screengrab ist ein Bild, das von einer Person aufgenommen wurde, um das Sichtbare aufzuzeichnen Gegenst wird auf dem Monitor, Fernseher oder anderen visuellen Ausgängen angezeigt gerät im Einsatz.

Wenn ich es wirklich so machen müsste, würde ich entweder ein GIF erstellen oder zwei Screenshots machen, eine ganze Seite und eine andere nur des DOM-Elements, um zu einem zusammenzuführen.

Sie können den Screenshot-Befehl in der Entwicklersymbolleiste verwenden:

1. Drücken Sie Shift + F2, um die Symbolleiste zu öffnen oder sie aus dem Menü Web Developer Tools auszuwählen.

2. Geben Sie in der Symbolleiste den Befehl screenshot --fullpage fullpage.png ein.

Um ein einzelnes Element zu erfassen, können Sie dessen CSS-Selektor mit dem Flag --selector zB

screenshot --selector #hot-network-questions

Erhalten Sie das Bild unten

Stellen Sie im Firefox-Modus Responsive Design die Breite auf etwas Normales und die Höhe so ein, dass sie ausreicht, um die gesamte Seite zu umfassen. Klicken Sie dann auf die Schaltfläche Screenshot (das Kamerasymbol).

Ich benutze Screenpresso. Es ermöglicht Ihnen, einen Scroll-Screenshot zu machen. Grundsätzlich machen Sie einen Screenshot, scrollen nach unten und nehmen einen anderen und so weiter, dann näht Screenpresso sie zusammen. Screenpresso ist auch kostenlos.

FYI, die Tastenkombinationen zum Scrollen Screenshot ist WindowsKey + Shift + PrintScreen. Sie müssen dann auf das Fenster klicken, durch das Sie scrollen möchten. Wenn Sie zum nächsten Teil zum Screenshot gelangen, klicken Sie mit der rechten Maustaste, scrollen Sie nach unten, klicken Sie mit der rechten Maustaste und so weiter. Whe Sie fertig sind, Links klicken Sie und sie werden zusammengenäht. Stellen Sie sicher, dass sich auf jedem Screenshot etwas überlappt, damit der Nähvorgang besser funktioniert.

Es gibt eine Software namens Snagit, die Ihr Problem lösen kann. Diese Software kann den Screenshot in verschiedenen Arten, wie ein Scroll-Fenster und kann auch Videos aufnehmen.

Es ist eine kostenpflichtige Anwendung, hat aber auch eine Testversion zur Verfügung.

Es gibt eine Erweiterung namens Nimbus Screen Capture , die perfekt für diese Aufgabe geeignet ist.

Sie haben die Möglichkeit zu erfassen:

• der sichtbare Teil der Seite (nützlich, um die Browserelemente nicht einzuschließen, im Gegensatz zu )+ Print Scrn)
• ein Fragment der Seite (wobei Sie den Mauszeiger über Regionen auf dem Bildschirm bewegen können, um das gewünschte Fragment zu finden - diese Regionen entsprechen ihrem zugrunde liegenden HTML Elemente)
• ausgewählten Bereich (Sie manuell klicken und ziehen, wo Sie den Screenshot wollen, unterstützt Scrollen beim Ziehen)
• die gesamte Seite

Optionen, um alles auf eine Seite zu passen:

• Verwenden Sie <Ctrl>-, um alles auf einer Seite anzupassen
• Drehen Sie Ihren Bildschirm in den Hochformat-Modus
• Verwenden Sie einen zweiten Bildschirm im Hochformat und suchen Sie ihn unter dem ersten
• Kombiniere alle oben genannten

Eine weitere Option besteht darin, einen Screenshot des oberen Teils dessen aufzunehmen, was Sie aufnehmen möchten. Scrollen Sie nach unten, nehmen Sie den nächsten Bildschirm schießen. Wiederholen Sie dies, bis Sie alles erfasst haben.
Optional: Kombinieren Sie die Screenshots in ein großes Bild mit einem Bildeditor (zB gimp).

Um Screenshots zu machen, können Sie eine Erweiterung wie easy Screenshot hinzufügen. Dann wird es viel einfacher für Sie, Screenshots zu machen.

Für DESKTOP-Programme, mit Scroll-Fenster ApowerSoft capture - hat den job für mich.