Screenshot in Firefox mit hoher Auflösung

Manchmal benötigt man einen hochauflösenden Screen-Shot, der höher Auflöst, als die Bildschirmauflösung es gestattet.

Mit Hilfe der Firefox-Web-Console besteht diese Möglichkeit:

1. Öffnen der Web Console mit Ctrl-Shift–K (Cmd-Option-K on macOS).
2. Eintippen des folgenden Kommandos: :screenshot --dpr 2
3. Enter.

This results in a screenshot of the currently visible area being saved to the Downloads folder (with an auto-generated filename in the form of „Screen Shot yyyy-mm-dd at hh.mm.ss.png“). The --dpr 2 argument causes Firefox to use a device-pixel-ratio of 2, capturing the screen at two times the usual resolution.

Das Resulat ist ein ScreenShot der aktuell sichtbaren Oberfläche der im Download-Ornder abgespeichert wird.

Das Befehls-Argument –dpr 2 zwingt Firefox ein Bildschirm-Pixel Verhältnis von 2 zu machen, also den Bildschirm mit der doppelten Auflösung als angezeigt zu machen.

 

 

If you want to take a screenshot of the full page, append --fullpage to the command. Here’s the full list of arguments you can use:

• --clipboard Copies the screenshot to the clipboard
• --delay 5 Waits the specified number seconds before taking the screenshot
• --dpr 2 Uses the specified device-to-pixel ratio for the screenshot
• --file Saves the screenshot to a file, even if the --clipboard argument is specified
• --filename screenshot.png Saves the screenshot under the specified filename
• --fullpage Takes a screenshot of the full page, not just the currently visible area
• --selector "#id" Takes a screenshot of the element that matches the specified CSS query selector

Unfortunately, there isn’t (yet?) a command for taking a screenshot at a specified window or viewport size. A good workaround is to open the page in Responsive Design Mode in Firefox:

1. Activate Responsive Design Mode by pressing Ctrl-Shift–M (Cmd-Option-M on macOS).
2. Adjust the screen size to your liking.
3. Take a screenshot as described above.