如何清理網頁列印輸出並刪除不需要的頁首和頁尾？

簡化列印：從window.print() 中刪除無關元素

嘗試使用window.print() 列印網頁時，通常會遇到不需要的元素頁首或頁尾，例如頁面標題、檔案路徑、頁碼和日期。這些添加內容會使列印輸出變得混亂並分散對預期內容的注意力。幸運的是，有一些技術可以消除這些幹擾。

在 Chrome 中，最簡單的解決方案是使用 CSS 來操作 @page 宣告。將 margin 屬性設為 0，可以有效隱藏自動頁首和頁尾。但是，由於正文延伸到頁面的限制，因此建議包含邊距或填充，以防止內容延伸得太靠近邊緣。

例如：

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

請注意如果內容跨越多個頁面，印刷版本可能會顯得不平衡，由於中間缺少上邊距，邊距會有所不同

雖然此方法在Chrome 和某些最新版本的Firefox 中運作良好，但它可能無法跨瀏覽器普遍相容。為了獲得更廣泛的支持，請考慮建立和列印 PDF，它提供了更大的靈活性和對最終文件的控制。然而，這條路線有其自身的複雜性，並可能帶來額外的挑戰。

以上是如何清理網頁列印輸出並刪除不需要的頁首和頁尾？的詳細內容。更多資訊請關注PHP中文網其他相關文章！