Wie eliminiere ich unerwünschte Kopf- und Fußzeilen bei der Verwendung von „window.print()'?

So unterdrücken Sie Kopf- und Fußzeilen in window.print()

Beim Aufruf von window.print() zum Drucken einer Webseite treten unerwünschte Kopfzeilen auf Es können Fußzeilen mit Seitentitel, Dateipfad, Seitennummer und Datum angezeigt werden. In dieser Anleitung wird gezeigt, wie Sie diese zusätzlichen Elemente entfernen können.

Lösung:

Verwenden Sie in Chrome die CSS-Regel @page, um die automatische Kopf- und Fußzeile zu verbergen:

@page {
  margin: 0;
}

Wenn sich der Inhalt bis zur Seitengrenze ausdehnt, werden die gedruckte Kopf- und Fußzeile überflüssig. Stellen Sie jedoch sicher, dass Sie Ränder oder Abstände für das Textelement angeben, um eine Erweiterung des Inhalts über den Seitenrand hinaus zu verhindern. Drucker unterstützen normalerweise kein randloses Drucken. Beachten Sie daher Folgendes:

@media print {
  @page {
    margin: 0;
  }
  body {
    margin: 1.6cm;
  }
}

Wenn sich der Inhalt jedoch über mehrere Seiten erstreckt, kann das Drucklayout aufgrund ungleichmäßiger Ränder verzerrt erscheinen. Die erste Seite hat einen oberen Rand von 1,6 cm, während die letzte Seite einen unteren Rand von 1,6 cm hat, so dass die mittleren Seiten keine Ränder haben.

Obwohl diese Lösung zum Zeitpunkt des Verfassens dieses Artikels (Mai 2013) schwankte die Kompatibilität mit anderen Browsern. Wenn die Unterstützung anderer Browser erforderlich ist, sollten Sie erwägen, eine PDF-Datei dynamisch zu erstellen und diese stattdessen auszudrucken.

Das obige ist der detaillierte Inhalt vonWie eliminiere ich unerwünschte Kopf- und Fußzeilen bei der Verwendung von „window.print()'?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!