Kennst du das? Du willst eine Webseite ausdrucken und bist genervt von der Browser-eigenen Druckvorschau, die dir oft unnötige Elemente wie Navigationen, Werbeanzeigen und Kommentare mit aufs Papier bringt? Oder du vermisst einfach die detaillierten Druckoptionen deines Betriebssystems? Keine Sorge, es gibt einen Weg, die volle Kontrolle über den Druckprozess zurückzugewinnen: das Drucken über den Systemdialog.
Warum der Systemdialog besser ist als die Browser-Druckvorschau
Die Browser-eigene Druckvorschau ist zwar praktisch für einen schnellen Ausdruck, aber sie hat ihre Grenzen. Oft fehlt es an Flexibilität bei der Seiteneinrichtung, der Auswahl des Druckers und den erweiterten Druckoptionen. Der Systemdruckdialog hingegen bietet dir eine Vielzahl von Vorteilen:
- Detaillierte Druckoptionen: Wähle aus einer Vielzahl von Optionen, die dein Betriebssystem und dein Drucker bereitstellen. Dazu gehören Papierformat, Ausrichtung, Ränder, Qualität, Farbmodus (Schwarzweiß oder Farbe), Anzahl der Kopien und vieles mehr.
- Direkte Druckerwahl: Du kannst den gewünschten Drucker direkt aus der Liste der installierten Drucker auswählen, ohne auf die Auswahl des Browsers angewiesen zu sein.
- PDF-Speichern mit erweiterten Optionen: Oftmals bietet der Systemdialog die Möglichkeit, die Webseite direkt als PDF zu speichern, mit erweiterten Optionen wie z.B. der Wahl der PDF-Version oder der Einbettung von Schriften.
- Bessere Kontrolle über das Layout: In manchen Fällen ermöglicht der Systemdialog eine feinere Steuerung des Layouts, z.B. durch das Anpassen der Ränder oder das Aktivieren/Deaktivieren der Kopf- und Fußzeilen.
- Vertraute Umgebung: Du arbeitest in der gewohnten Umgebung deines Betriebssystems, was die Bedienung intuitiver macht.
Die verschiedenen Wege zum Systemdruckdialog
Es gibt verschiedene Möglichkeiten, den Systemdruckdialog aufzurufen, abhängig von deinem Browser und Betriebssystem.
1. Die JavaScript-Methode: window.print()
Die einfachste und direkteste Methode ist die Verwendung der window.print()
-Funktion in JavaScript. Diese Funktion öffnet standardmäßig den Systemdruckdialog, vorausgesetzt die Webseite wurde nicht explizit so gestaltet, dass sie die Browser-eigene Druckvorschau erzwingt. In den meisten Fällen funktioniert dies aber problemlos.
Du kannst diese Funktion direkt in der Adressleiste deines Browsers ausführen. Gib einfach javascript:window.print();
ein und drücke die Eingabetaste. Der Systemdruckdialog sollte sich nun öffnen.
Webentwickler können diese Funktion auch in Schaltflächen oder Links einbauen, um den Nutzern einen einfachen Zugriff auf den Systemdruckdialog zu ermöglichen:
<button onclick="window.print();">Drucken</button>
2. Die Tastenkombination: Strg+Shift+P (oder Cmd+Shift+P auf macOS)
Einige Browser bieten eine spezielle Tastenkombination, um den Systemdruckdialog direkt aufzurufen. Diese Tastenkombination ist in der Regel Strg+Shift+P
(Windows/Linux) oder Cmd+Shift+P
(macOS). Probiere diese Kombination aus, während du dich auf der Webseite befindest, die du drucken möchtest.
3. Die „Drucken mit Systemdialog”-Option (Firefox)
Firefox bietet eine native Option, um den Systemdruckdialog zu verwenden. Du findest sie, indem du im Druckdialog (Datei -> Drucken oder Strg+P / Cmd+P) nach einer Option suchst, die etwa „Drucken mit Systemdialog” oder „Systemdruckdialog verwenden” heißt. Diese Option ist in der Regel ein Kontrollkästchen oder ein Link.
4. Erweiterungen (Add-ons) für Browser
Wenn keine der oben genannten Methoden funktioniert oder du eine noch komfortablere Lösung suchst, kannst du Browser-Erweiterungen (Add-ons) verwenden. Es gibt verschiedene Erweiterungen, die das Drucken über den Systemdruckdialog vereinfachen oder zusätzliche Funktionen bieten. Suche im Add-on-Store deines Browsers nach Begriffen wie „Systemdruckdialog”, „Print with System Dialog” oder „Force System Print”.
Was tun, wenn der Browser die Browser-Druckvorschau erzwingt?
Manchmal haben Webentwickler die Webseite so gestaltet, dass sie immer die Browser-eigene Druckvorschau verwendet. In diesem Fall funktionieren die oben genannten Methoden möglicherweise nicht. Hier sind einige Tipps, was du in diesem Fall tun kannst:
- CSS-Druckformatierungen entfernen: Einige Webseiten verwenden CSS-Regeln, die speziell für den Druck gelten und die Browser-Druckvorschau beeinflussen. Du kannst diese Regeln vorübergehend deaktivieren, indem du in den Entwicklertools deines Browsers (F12) den CSS-Editor verwendest und die entsprechenden CSS-Dateien deaktivierst oder die spezifischen Druck-CSS-Anweisungen entfernst. Suche nach CSS-Dateien, die „print” im Namen haben oder Medienabfragen wie
@media print
verwenden. - Webseite als PDF speichern und dann drucken: Eine weitere Möglichkeit ist, die Webseite zunächst als PDF zu speichern (über die Browser-Druckvorschau) und dann die PDF-Datei mit einem PDF-Reader (z.B. Adobe Acrobat Reader) zu öffnen und von dort aus zu drucken. Der PDF-Reader verwendet immer den Systemdruckdialog.
- „Reader View” oder „Lesemodus” verwenden: Viele Browser bieten einen „Reader View” oder „Lesemodus”, der die Webseite von unnötigen Elementen befreit und nur den Hauptinhalt anzeigt. Oftmals lässt sich dieser Modus dann besser über den Systemdruckdialog drucken.
- Vereinfachte Version der Webseite anfordern: Einige Webseiten bieten eine vereinfachte, druckfreundliche Version an. Suche nach einem Link oder einer Option, die „Druckversion”, „Printable Version” oder ähnlich heißt.
Fazit: Die Kontrolle ist in deinen Händen
Das Drucken über den Systemdialog ist eine wertvolle Fähigkeit, um die volle Kontrolle über den Druckprozess von Webseiten zurückzugewinnen. Ob du detaillierte Druckoptionen benötigst, einen bestimmten Drucker auswählen möchtest oder einfach die vertraute Umgebung deines Betriebssystems bevorzugst – der Systemdruckdialog bietet dir die Flexibilität und Kontrolle, die du brauchst. Probiere die verschiedenen Methoden aus und finde heraus, welche für dich am besten funktioniert.
Mit den oben genannten Tipps und Tricks bist du bestens gerüstet, um Webseiten so auszudrucken, wie du es möchtest. Viel Erfolg!