Wie kann ich Chrome so verkleinern, dass es auf das Drucken passt?

26

Ich möchte ein Webdokument auf einer einzelnen Seite drucken, aber Chrome hat diese Funktion bekanntermaßen normalerweise nicht als " An Seite anpassen" oder "An Größe anpassen" bezeichnet .

Gibt es eine Problemumgehung?

google-chrome printing zoom André Chalella
quelle

Antworten:

29

Ja, es gibt eine Problemumgehung. Wir zoomen das Dokument manuell mit CSS, bis der Inhalt richtig passt.

Drücken Sie F12starten Chrome DevTools. Stellen Sie sicher, dass es sich auf der Registerkarte Elemente befindet und das <body>Element ausgewählt ist. Gehen Sie nun zur Registerkarte Stile (rechts) und element.stylefügen Sie Folgendes ein: (Klicken Sie einfach nach der öffnenden Klammer {)

zoom: 85%;

Tipp: Geben Sie nicht den Doppelpunkt ( :) ein, sonst starten Sie versehentlich etwas anderes. Drücken Sie stattdessen einfach TABnach dem Tippen zoom.

CSS-Zoom-Eigenschaft

Schließen Sie nun DevTools ( F12erneut) und drücken Sie Ctrl+P, um den Druckdialog zu starten. Überprüfen Sie, ob die Seite gut passt. Ist dies nicht der Fall, wiederholen Sie den Vorgang mit einem anderen Zoomwert, bis er funktioniert.

André Chalella
quelle
1
Ich kann im August 2016 bestätigen, dass diese Methode wie ein Zauber funktioniert! zoom: 85%scheint perfekt für die meisten Seiten zu sein, die sonst in der Chrome-Druckvorschau überlaufen. Danke, dass du das gepostet hast!
Eric Hepperle - CodeSlayer2010
Was ist 85%? Eine magische Zahl?
Gherman
@Gherman es ist nur eine erste Vermutung. Lies bis zum Ende.
André Chalella
Nun, ich verstehe, aber wird derselbe Wert für jede andere Maschine funktionieren? Wovon hängt es ab?
Gherman
Wenn Sie ein Webentwickler sind, können Sie zoom: 85%;dem HTML-Element innerhalb einer @media printAbfrage hinzufügen .
posfan12
8

Ab Version 56 haben Sie nun in der Druckvorschau die Option Skalieren. Möglicherweise müssen Sie es jedoch aktivieren (ich habe Version 56.0.2924.87). In der Adressleiste: chrome: // flags / # print-scaling und ändere es in Enabled. Dies löst nicht die "Maßstab zu passen", sondern bringt Sie einen Schritt näher.

Dies und weitere Verbesserungen finden Sie hier: https://productforums.google.com/forum/#!topic/chrome/O7nz6Vb1kBM

Mark Berning
quelle
Dies ist eine einfachere Lösung
Drakes
Cool! Ich bin dran 58.0.3029.110 (64-bit)und es funktioniert sofort.
André Chalella
1

Wann immer ich eine ganze Webseite auf eine Papierseite drucken möchte, mache ich einen Screenshot der Seite und verwende Windows, um das Bild zu drucken.

Derzeit verwende ich ShareX , um den Screenshot der gesamten Seite zu machen. Es gibt auch Greenshot , Awesome Screenshot und Fireshot, die für mich gearbeitet haben.

Diese Frage wird gedruckt

Michael S.
quelle