Web ページの印刷出力をクリーンアップし、不要なヘッダーとフッターを削除するにはどうすればよいですか?

印刷の簡素化: window.print() から無関係な要素を削除する

window.print() を使用して Web ページを印刷しようとすると、一般的に不要な要素が表示されます。ヘッダーまたはフッター (ページ タイトル、ファイル パス、ページ番号、日付など)。これらの追加により、印刷出力が乱雑になり、意図した内容が妨げられる可能性があります。幸いなことに、これらの気を散らすものを排除するテクニックがあります。

Chrome の最も簡単な解決策は、CSS を使用して @page 宣言を操作することです。 margin プロパティを 0 に設定すると、自動ヘッダーとフッターが事実上非表示になります。ただし、本文はページの限界まで伸びるため、コンテンツが端に近づきすぎないようにマージンまたはパディングを含めることをお勧めします。

例:

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

次の点に注意してください。コンテンツが複数のページにまたがる場合、間に入る上部の余白が不足しているため、印刷版の余白が変化し、バランスが崩れて見える場合があります。

この方法は Chrome と Firefox の一部の最近のバージョンではうまく機能しますが、ブラウザー間で普遍的に互換性があるわけではない可能性があります。より広範なサポートが必要な場合は、最終ドキュメントの柔軟性と制御性が向上する PDF の作成と印刷を検討してください。ただし、このルートには独自の複雑さが伴い、さらなる課題が発生する可能性があります。

以上がWeb ページの印刷出力をクリーンアップし、不要なヘッダーとフッターを削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。