Hochauflösende Screenshots

Screenshots von ganzen Webseiten oder Teilen davon sind echt praktisch. Aber manchmal sind die Screenshots nicht hochauflösend genug für deine Bedürfnisse.

Du kannst DevTools dazu bringen, auch hochauflösende Screenshots deiner Webseiten zu machen! Über die Konsole in Firefox.

Firefox hat einen super praktischen Befehl „screenshot“, den du in der Konsole verwenden kannst, um Screenshots zu machen. Es gibt ein paar Optionen, darunter „—dpr“, um das Pixelverhältnis des Geräts anzugeben. Der Standardwert ist 1, aber du kannst ihn auf 2, 3 oder eine andere Zahl setzen, um Screenshots mit höherer Auflösung zu machen.

Beispiel: „:screenshot —dpr 3 —fullpage“ macht einen Screenshot der gesamten Seite mit dreifacher Auflösung.

Mehr über den Befehl „:screenshot“ und seine anderen Optionen erfährst du unter devtoolstips.

Bild von Dayne Topkin