javascript - 異なるブラウザでページを印刷する

Question

私たちが取り組んでいるかなり巨大な Web サイトでの印刷で、多くの問題が発生しています。

問題は、印刷時にのみ表示される FF、IE などの問題があることです。

ワークフローは次のとおりです。ページの印刷ボタンをクリックすると、さまざまなテンプレートとスタイルのポップアップが開き、window.print コマンドがトリガーされます。

私の可能な解決策：

ポップアップが開いたら、キャンバス要素に DOM 全体をレンダリングし、それを png ファイルとしてページに戻し、印刷アクションをトリガーします。

これは実行可能な解決策ですか？

Answer 1

印刷ビュー用の特別な css を提供します。

<link rel="stylesheet" type="text/css" media="print" href="print.css" />

印刷したくないものすべてに対して、次のようなものを使用します。

#qqq, .#aaa, #header, ...., ...., .banner{
    display: none;
    height: 0;
    width: 0;
}

そのため、印刷して見たいコンテンツだけを残すことができます。この場合、訪問者または特別な印刷ポップアップ バージョンを使用する必要はありません。印刷をクリックするだけです。

例: http://viliusle.github.io/miniPaint/ - キャンバスのみが印刷されます。