Speichern einer Safari-Seite als PNG-Bild

Versuchen Sie Paparazzi! Es kann die gesamte Website in einer einzigen PNG-Datei speichern und Sie können die Größe angeben. Nach der Installation können Sie es auch aus Safari heraus starten, indem Sie der URL „Paparazzi:“ hinzufügen. Zum Beispiel Paparazzi: http://www.nytimes.com

Ich bin mir nicht sicher, wann es hinzugefügt wurde, aber in Safari 12 können Sie dies sicherlich ohne Erweiterungen tun. Sie müssen das Safari-Entwicklermenü aktivieren (Häkchen in den erweiterten Einstellungen setzen). Jetzt können Sie im Menü „Entwickeln“ die Option „Web Inspector anzeigen“ auswählen, wodurch ein Fenster mit der Seitenquelle geöffnet wird. Bewegen Sie den Mauszeiger über das Tag und klicken Sie mit der rechten Maustaste darauf. Wählen Sie dann die Option „Screenshot aufnehmen“ und speichern Sie, wenn Sie dazu aufgefordert werden.

Wenn Sie nur ein bestimmtes Element möchten, klicken Sie einfach mit der rechten Maustaste auf das entsprechende HTML-Element. Wenn Sie sich nicht sicher sind, wird das entsprechende Bildschirmelement blau hervorgehoben, wenn Sie mit der Maus über den Code fahren.

Natürlich frage ich mich jetzt, ob das Apple-Skript sein könnte ...

webkit2png sollte ziemlich nah an Safari sein. Es funktioniert auch mit Webarchivdateien, die von Safari gespeichert wurden.

$ webkit2png -F http://apple.stackexchange.com/questions/30637 -o nameprefix
Fetching http://apple.stackexchange.com/questions/30637 ...
 ... done
$ webkit2png ~/Downloads/test.webarchive
Fetching ~/Downloads/test.webarchive ...
 ... done
$ ls
0testwebarchive-clipped.png 0testwebarchive-thumb.png
0testwebarchive-full.png    nameprefix-full.png

Awesome Screenshot ist eine Erweiterung, die ganzseitige Screenshots unterstützen sollte. Ich konnte sie jedoch nicht dazu bringen, mit allen Seiten zu arbeiten.

So speichern Sie eine vollständige Webseite mit Safari, Chrome und Firefox ohne Plugins oder Software von Drittanbietern – es verwendet die Entwicklertools, die in jedem Browser enthalten sind.

https://gist.github.com/algal/972c43b533cade4332faf4ec4458fd93

Funktioniert auch, wenn Sie scrollen müssen.

Um die ganze Seite zu erfassen

Mit aktuellen Versionen von Safari (14+) ist das ganz einfach:

File>Export as PDF..

Speichert eine PDF-Version der gesamten Seite ohne Seitenumbrüche und mit intaktem Stil.

Beachten Sie, dass die andere Art, ein PDF zu erstellen, über File> Print...etwas anderes macht. Es respektiert alle druckspezifischen Stylesheets auf der Seite und zerlegt das PDF in druckfertige Seiten.

Um einen Teil der Seite zu erfassen

Wenn Sie einen Unterabschnitt der Seite wünschen, ist die Antwort von @Alan der beste Weg, dies zu tun. Stellen Sie zunächst sicher, dass Sie die Entwicklertools von Safari aktiviert haben, klicken Sie dann mit der rechten Maustaste auf das übergeordnete Element, das Sie erfassen möchten, und Inspect Element:

Dadurch wird der ElementsBereich der Entwicklungstools geöffnet.

Von hier aus können Sie mit der rechten Maustaste auf ein beliebiges Element klicken (das geprüfte Element wird standardmäßig hervorgehoben) und Folgendes auswählen Capture Screenshot:

Ich verwende LittleSnapper , das eine Funktion zum „Snap Web Address from Safari“ hat:

Das LittleSnapper-Menüelement und das Browser-Lesezeichen ermöglichen es Ihnen, Webseiten während Ihres Besuchs aufzunehmen - ohne dass eine Unterbrechung erforderlich ist. Neben diesen Tools gibt es sogar eine Safari-Erweiterung, mit der Sie der Safari-Symbolleiste eine Snap-Schaltfläche hinzufügen können. LittleSnapper speichert auch den HTML-Code hinter jeder Seite zum späteren Nachschlagen.