Druckvorschaumodus erzwingen

Mit der CSS-Druckmedienabfrage können Sie CSS-Formatvorlagen definieren, die nur angewendet werden, wenn eine Seite gedruckt wird.

Verwenden Sie das Renderingtool , um einer Webseite den Druckvorschaumodus zu erzwingen, um Ihre Druckformatvorlagen zu debuggen.

So erzwingen Sie für eine Seite den Druckvorschaumodus:

1. Wechseln Sie zu einer Webseite, z. B. zur Todo-Demo-App.

2. Klicken Sie mit der rechten Maustaste auf die Webseite, und wählen Sie dann "Überprüfen" aus. DevTools wird geöffnet.

3. Wenn der Schnellansichtsbereich oder die Symbolleiste am unteren Rand der DevTools nicht angezeigt wird, drücken Sie ESC , wenn sich der Fokus auf DevTools befindet. Der Bereich "Schnellansicht " wird geöffnet.

4. Klicken Sie auf der Symbolleiste "Schnellansicht " auf die Schaltfläche "Weitere Tools (+)", und wählen Sie dann das Renderingtool aus.

   Das Renderingtool wird im Schnellansichtsfenster geöffnet:

   

5. Scrollen Sie nach unten zum Abschnitt CSS-Medientyp emulieren , und wählen Sie dann in der Dropdownliste "Drucken " anstelle von "Keine Emulation" aus:

   

   Die Webseite wird mit den angewendeten CSS-Formatvorlagen für Printmedien gerendert.

6. Bearbeiten Sie im Tool "Elemente " die CSS-Formatvorlagen für Druckmedien:

   

   Weitere Informationen zum Ändern von CSS finden Sie unter Erste Schritte beim Anzeigen und Ändern von CSS.

Beenden des Druckvorschaumodus

• Wählen Sie im Rendering-Tool im Abschnitt CSS-Medientyp emulieren im Dropdown-Menü Keine Emulation aus.

  Die Webseite wird mit ihren angewendeten Bildschirmstilen gerendert.

Siehe auch

• Renderingtool, um zu sehen, wie eine Webseite mit verschiedenen Anzeigeoptionen oder für Personen mit Sehstörungen aussieht

Hinweis

Teile dieser Seite sind Änderungen, die auf von Google erstellten und freigegebenen Werken basieren und gemäß den in der Creative Commons Attribution 4.0 International License beschriebenen Begriffen verwendet werden. Die Originalseite findet sich hier und wurde von Kayce Basques verfasst.

Diese Arbeit ist lizenziert unter einer Creative Commons Attribution 4.0 International License.