ブラウザ印刷設定の最初と最後のページのデフォルトチェックステータスをプログラム的に制御する方法は？

プログラミングコントロールブラウザ印刷ヘッダーフッター設定の制限デフォルトチェックステータス

Webページの印刷中、開発者は、デフォルトのヘッダーフッターのチェックを外したり、ヘッダーフッターコンテンツをカスタマイズするなど、コードを介して印刷設定を制御したいことがよくあります。ただし、JavaScriptまたはCSSを介してブラウザの印刷設定（ヘッダーとフッターのデフォルトチェックステータスを含む）を直接操作することは不可能です。

これは主に、ブラウザの印刷設定がブラウザ自体またはオペレーティングシステムとプリンタードライバーによって制御されているためです。これは、フロントエンドコードの許可範囲を超えています。 @media print CSSルールを使用してヘッダーフッターコンテンツをカスタマイズしたとしても、特にPrintJSなどのプラグインを使用する場合は、ブラウザやプリンターのデフォルト設定をオーバーライドすることはできません。

たとえば、次のコードスニペットは、 @media printとprintjsプラグインを使用してヘッダーとフッターをカスタマイズしようとしますが、効果は理想的ではない場合があります。

 html2canvas（this。$ refs.templatetoimg、{
  BackgroundColor：null、
  ユーザー：本当、
  Windowheight：document.body.scrollheight、
}）。それから（canvas => {
  dom.style.height = 'calc（100VH -400px）'
  dom.style.overflow = 'auto'
  const url = canvas.todataurl（ 'image/jpg'）
  this.img = url
  const styles = "@media print {@page {height：100％; @top-left {content： 'top content';} @bottone-center {content： 'footer content';}}}";
  printjs（{
    印刷可能：url、
    タイプ：「画像」、
    documenttitle：this.previewtitle（）、
    スタイル：スタイル、
    onloadingend：（）=> {
      this.printloading = false
      dom.style.height = 'auto'
      dom.style.overflow = '可視'
    }
  }）
}）

その理由は、printjs（およびその他の類似の印刷ライブラリ）が通常、ブラウザのデフォルトの印刷ダイアログと設定をバイパスして、プリンターに直接コンテンツを送信するためです。したがって、 @media printスタイルのルールは有効になりません。

要するに、現在、ブラウザの印刷設定でヘッダーフッターチェックステータスを直接制御する信頼できるJavaScriptまたはCSSメソッドはありません。開発者は、印刷されたコンテンツにプレインドヘッダーとフッターコンテンツなど、実際のニーズに基づいて他の代替品を検討するか、ユーザーをガイドしてブラウザ印刷ダイアログボックスの設定を手動で調整する必要があります。

以上がブラウザ印刷設定の最初と最後のページのデフォルトチェックステータスをプログラム的に制御する方法は？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。