Wie kann ich Browser-Screenshots mit einer höheren Auflösung aufnehmen, als mein Browser unterstützt?

Ich muss einen Screenshot einer Website machen, wie sie auf einem Monitor mit sehr hoher Auflösung angezeigt wird... sagen wir 4000x3000 Pixel. Der Bildschirm meines Laptops hat eine native Auflösung von 1400x768. Grundsätzlich muss ich simulieren, dass eine Monitorauflösung viel höher ist, als mein Monitor und meine Grafikkarte tatsächlich unterstützen. Ich möchte, dass der Screenshot der Site so aussieht, wie er aussieht, wenn Sie in Firefox wiederholt STRG MINUS (Verkleinern) drücken, jedoch ohne Pixelverlust aufgrund der Skalierung. Wie kann ich das tun? Gibt es eine Möglichkeit, Software für virtuelle Maschinen zu verwenden, um eine hochauflösende Anzeige zu simulieren? Wenn nicht, gibt es eine Möglichkeit, ein Browserfenster zu öffnen, das größer als der Bildschirm ist, und dann seinen Inhalt irgendwie als PNG zu erfassen? Noch etwas, das funktionieren könnte?

Author: Joshua Carmody, 2010-03-15

8 answers

Sie können es mit Firefox und 2 Erweiterungen tun: Web-Entwickler und FireShot.

Sobald beide Erweiterungen installiert sind, gehen Sie zu Tools-Web Developer-Resize-Edit Resize Dimensions... .

Fügen Sie eine neue Größe hinzu, 4000 x 3000. aktivieren Sie "Größe des Ansichtsfensters ändern", wenn nur der Seiteninhalt 4000x3000 sein soll. Wenn Sie es nicht überprüfen, das komplette Fenster von Firefox (mit Symbolleisten, Menü, ...) wird darauf eingestellt Dimension.

alt-text

Einmal bei der richtigen Größe, gehen Sie zu Tools-FireShot-Capture Gesamte Seite und ... . Wählen Sie eine Aktion aus,z. B. Speichern. Es wird der Seiteninhalt gespeichert, der vom Webentwickler auf die gewünschte Größe eingestellt wurde.

alt-text

 106
Author: Snark,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/techietown.info/template/agent.layouts/content.php on line 61
2011-09-15 05:16:53

Inzwischen (für mindestens ein oder zwei Jahre-seit Version 15, wenn ich mich nicht irre) unterstützt Firefox dies direkt über die integrierten Entwicklertools.

Drücken Sie entweder StrgVerschiebung M oder wählen Sie Responsive Design View aus dem Developer Tools - Symbol im Stripe-Menü.

Dadurch wird diese Ansicht angezeigt, in der Sie aus einer Reihe von Voreinstellungen auswählen und eine beliebige Auflösung eingeben können und Speichern Sie direkt einen Screenshot im PNG-Format auf die Festplatte mit einem Klick:

geben Sie hier die Bildbeschreibung ein

 19
Author: Damon,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/techietown.info/template/agent.layouts/content.php on line 61
2015-06-22 11:59:03

Auf einem Mac kann Paparazzi helfen, entweder mit seiner GUI oder mit einer URL-Syntax wie:

Paparazzi:(Breite=4000,height=3000,maxheight=3000)Wie kann ich browser-screenshots bei einer höheren Auflösung als mein browser unterstützt?

geben Sie hier die Bildbeschreibung ein

Die URL-Syntax kann leicht in ein Bookmarklet umgewandelt werden. Paparazzi verwendet die WebKit-rendering-engine.

 9
Author: Arjan,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/techietown.info/template/agent.layouts/content.php on line 61
2017-03-20 10:04:38

Ich verwende ein FireFox-Add-On namens Abduction, um ein.png-Aufnahme einer Webseite in Ihrer Gesamtheit. Leider wurde dieses Add-On noch nicht so aktualisiert, dass es mit FireFox 3.6 kompatibel ist.

Sieht so aus, als würde ScreenGrab dasselbe tun.

 6
Author: Zooks64,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/techietown.info/template/agent.layouts/content.php on line 61
2010-03-15 22:20:48

Firefox ab 16 enthält nun die Möglichkeit, die Größe des Ansichtsfensters mit der Entwicklerkonsole zu steuern:

Öffne Werkzeuge ... Webentwickler ... Entwickler Toolbar -

Ändern Sie die Größe des Ansichtsfensters mit diesem Befehl:

resize to 5000 5000

Bildschirmaufnahme mit diesem Befehl:

screenshot output.png
 5
Author: Wayne Piekarski,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/techietown.info/template/agent.layouts/content.php on line 61
2014-08-17 02:55:28

Nun, mit einem Linux (oder X Window System Setup von beliebigem Geschmack) können Sie einen virtuellen Desktop, der größer als Ihr Monitor ist. Sie scrollen darin herum, aber ich würde denken, Sie könnten dann Ihren Browser maximieren und ihn filmen.

Ich weiß nicht, ob es eine Möglichkeit gibt, dies in Windows oder OS X zu tun.

 5
Author: Ronald Pottol,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/techietown.info/template/agent.layouts/content.php on line 61
2018-05-11 12:33:54

Ich finde die Verwendung von Online-Diensten wie thumbalizr einfacher als die Installation von Browser-Plugins, wenn Sie dies nicht oft tun müssen.

 3
Author: svick,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/techietown.info/template/agent.layouts/content.php on line 61
2010-06-07 13:51:14

In Chrome gibt es mehrere Erweiterungen wie:

Es gibt eine andere Webseite, screenshot, aber ich habe nicht genug Ruf zu veröffentlichen, die mehr als zwei links -

 1
Author: titusfx,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/techietown.info/template/agent.layouts/content.php on line 61
2015-12-29 13:11:54