Wie mache ich einen Screenshot von kompletten Webseiten?

8

Ich habe lange Zeit Shutter- und Screenshot- Anwendungen verwendet, um Screenshots zu machen. Aber sie können nur Screenshots machen, die so groß sind wie der physische Bildschirm.

Manchmal muss ich einen Screenshot einer ganzen Webseite machen , weil die Seite vom Browser nicht richtig gespeichert werden kann oder ich auch Popups einfügen möchte. Diese Situation erfordert eine Software, die einen Screenshot länger als der physische Bildschirm machen kann .

Gibt es dafür eine Software?

Beachten Sie, dass es bei dieser Frage und ihren Antworten um das Speichern von Webseiten geht. Sie speichern keine Popups, was in meinem Fall unerlässlich ist. Ich möchte keinen Konverter. Ich benötige eine wörtliche Screenshot-App oder irgendetwas, das das Pop speichern könnte -up's auch.

Und ich benutze Mozilla Firefox, weil es wirklich schöne Plugins hat. Die Lösung sollte für Firefox selbst funktionieren.

registrierter Nutzer
quelle
@landroni Sie werden keine Popups speichern, was in meinem Fall wichtig ist. Danke.
Registrierter Benutzer
Ich weiß nicht, was Sie unter Popup verstehen, aber helfen die hier gegebenen Antworten ?
Aditya
@Aditya Ich weiß nicht, was das ist, aber es sieht aus wie etwas Ähnliches wie Pop-Ups. Aber es bewegt sich nicht. Es wird auch nicht gespeichert. Der spezifische Link ist dieser .
Registrierter Benutzer
@Aditya nein, sie funktionieren nicht. Der Verschluss schlägt fehl. Der andere tut nichts.
Registrierter Benutzer

Antworten:

11

In neueren Versionen von Firefox sind keine Plugins erforderlich. Diese Funktion ist in den Browser integriert.

  1. Verwenden Sie in Firefox Ctrl+ Shift+ F2, um die Web Developer Console zu öffnen.
  2. Typ :screenshot --fullpage(dies wird automatisch vervollständigt, :s Tab --fullpagefunktioniert also).

Dadurch wird der Screenshot als PNG-Datei in Ihrem Download-Ordner gespeichert. Standardmäßig enthält der Dateiname Datum und Uhrzeit. Wenn Sie möchten, können Sie einen anderen Dateinamen verwenden, indem Sie ihn einfach an die CLI übergeben : screenshot --fullpage my_name.png.

Dies funktioniert auch in Popup-Fenstern, aber jedes Fenster muss einzeln gespeichert werden. Ich kenne keine Möglichkeit, sie zu einem einzigen Screenshot zu kombinieren. (Sie können dies natürlich später in GIMP oder einem anderen Bildbearbeitungswerkzeug tun.)

TRiG
quelle
Perfekt! Ich hatte nach so langer Zeit keine Antwort erwartet. Vielen Dank.
Registrierter Benutzer
Danke für deine Antwort. Es hat mir geholfen, aber mit wenig Änderung an der 'Verknüpfung'. Ich benutze den 'Firefox 36.0.4' und 'Shift + F2' war für 'Developer Console'. Für die 'Browserkonsole' lautete die Verknüpfung 'Strg + Umschalt + J'. Nur für den Fall, dass es jemandem hilft !!
Vinod Tigadi
Dies könnte ein Plugin gewesen sein, das das Standardverhalten geändert hat, @VinodTigadi. Ich bin mir nicht sicher.
TRiG
Ja, wahrscheinlich. Weil ich an 4-5 Ubuntu-Maschinen an meinem Arbeitsplatz nachgesehen habe. Alle hatten die Tastenkombination 'Strg + Umschalt + J'. Wie auch immer, danke für deine schnelle Antwort :-)
Vinod Tigadi
Strg + Umschalt + J zeigt für mich eine Browserkonsole zum Debuggen an, die sich von der In-Browser-CLI unterscheidet, einer einfachen Befehlszeile zum Steuern des Browsers selbst, anstatt die aktuell geöffnete Seite zu untersuchen.
TRiG
3

Hier eine Liste der Anwendungen, die Sie vom Terminal aus verwenden können:

wkhtmltopdf ist ein Befehlszeilenprogramm, das HTML mithilfe der Webkit-Rendering-Engine in PDF konvertiert.

sudo apt-get install wkhtmltopdf

Das Dienstprogramm wkhtmltoimage erstellt den Screenshot einer bestimmten URL und speichert ihn als PNG-Bild. Es verwendet die Webkit-Rendering-Engine.

Download: http://code.google.com/p/wkhtmltopdf/downloads/list

Verwendungszweck :

Um das Dienstprogramm wkthmltoimage zu verwenden, führen Sie einfach den Befehl vom Terminal aus und geben Sie die URL und den Namen für die Bilddatei an.

$ ./wkhtmltoimage-amd64 http://www.google.com google.png

Es wird google.png im Home-Verzeichnis mit dem Screenshot von www.google.com erstellt

Andere Optionen :

wkhtmltoimage bietet viele Optionen zum Anpassen des Screenshots. Einige Beispiele sind wie folgt:

Qualität - Steuert die Qualität / Komprimierung des Generierungsbildes. Standard ist 94

$ ./wkhtmltoimage-amd64 --quality 50 http://www.google.com google.png

Deaktivieren Sie Bilder

$ ./wkhtmltoimage-amd64 --no-images http://www.google.com google.png

Javascript ausschalten

$ ./wkhtmltoimage-amd64 --disable-javascript http://www.google.com google.png

Schneiden Sie den Screenshot zu

$ ./wkhtmltoimage-amd64 --crop-h 300 --crop-w 300 --crop-x 0 --crop-y 0 http://www.google.com googl

Cutycapt ist ein Dienstprogramm, mit dem Sie mithilfe der Webkit-Rendering-Engine den Screenshot einer URL erstellen und in einer Bilddatei speichern können.

Installieren

sudo apt-get install subversion libqt4-webkit libqt4-dev g++ cutycapt

Verwendung Um cutycapt zu verwenden, führen Sie einfach den Befehl vom Terminal aus und geben Sie die URL und den Namen für die Ausgabedatei an.

$ cutycapt --url=http://www.google.com/ --out=google.png

Es wird eine google.png-Datei im Home-Verzeichnis erstellt, die den Screenshot von www.google.com enthält

khtml2png verwendet die Konqueror-Rendering-Engine, um Screenshots von Webseiten zu erstellen.

Herunterladen

http://khtml2png.sourceforge.net/index.php?page=download

Installieren

Um khtml2png zu installieren, muss das Programm kompiliert und auf dem System aufgebaut werden.

sudo apt-get install kdelibs4-dev zlib1g-dev g++ cmake
Extract the khtml2png archive.
./configure
make
sudo checkinstall (this will create a deb file and install it , so that it can easily uninstalled later)

Verwendung Um khtml2png zu verwenden, führen Sie das Programm über die Befehlszeile aus und geben Sie die URL und andere Optionen an.

$ khtml2png2 --width 800 --height 600 http://www.google.com/ google.png

Dies würde eine google.png im Home-Verzeichnis mit dem Screenshot von www.google.com erstellen.

Pywebshot verwendet in Python eingebettete Python-Bindungen ( http://www.mozilla.org/unix/gtk-embedding.html )

Installieren

sudo apt-get install python-gtkmozembed

Download pywebshot from https://github.com/coderholic/PyWebShot

Verwendungszweck :

$ python pywebshot.py www.google.com -t 1024x768&lt;br /&gt;<br />Loading www.google.com... saved as www.google.com.png

Es sollte eine www.google.com.png in dem Verzeichnis erstellen, das den Screenshot der Größe 1024 x 768 enthält.

Maythux
quelle
Bitte überprüfen Sie die Befehle. Sind sie spezifisch für das amd64-System? Ich benutze das i386 System.
Registrierter Benutzer
Nein, sie sind nicht spezifisch für amd64.
Probieren Sie
0

Wenn Sie mit Chrome arbeiten, können Sie die Screen Capture- Erweiterung verwenden, die ganzseitige Screenshots unterstützt. Beachten Sie, dass es mit HTTPS-fähigen Seiten manchmal nicht funktioniert.

Kushal
quelle
0

Ich habe Awsome Screenshot: Screen Capture Annotate - Ein Chrome-Plugin ausprobiert . Es hat ziemlich gut für mich funktioniert. Erfasste die Pop-Ups (jQuery-basiert) [Nicht die Warnungen], die vollständige Seitenerfassung und arbeitete auch mit HTTPS !! Tolles Werkzeug.

Vinod Tigadi
quelle