印刷に適したバージョンを HTML として保存するにはどうすればいいですか?

印刷に適したバージョンを HTML として保存するにはどうすればいいですか?

例: Amazon AWS アカウント アクティビティには、「プリンター対応バージョン」が含まれています。請求明細書のプリンターに最適化されたバージョンを含む別のウィンドウが表示され、印刷ダイアログが開きます。印刷、PDF として保存、またはキャンセルすると、ポップアップ ウィンドウが消えます。このウィンドウを開いたままにしておきたいです。

印刷/PDF に保存オプションでは、大きすぎるフォントが使用され、行が折り返され、最後の数行が別のページに流れてしまいます。ブラウザのポップアップで開かれたコンテンツにアクセスできれば、フォント サイズを変更して印刷したり、他の操作を試したりできると思います。

一般的に、印刷後にブラウザがポップアップを閉じないようにする方法を探しています。

答え1

あなたはウェブ開発者print拡張機能。特定のサイトのスタイルを表示できます。

ここに画像の説明を入力してください

答え2

問題は、「プリンター対応バージョン」をクリックするとコンテンツが動的に生成されることでした。幸い、その JS コードは難読化/縮小されていません。リンクの href は難読化/縮小されておりhref="javascript:printBillSummary()"、メソッドはページ本体内にあります。完全なコンテンツはここにあります:http://pastie.org/3806630しかし、最も興味深い部分は最後です。

var printWindow = window.open(windowUrl, windowName, 'left=50000,top=50000,width=0,height=0');
printWindow.document.write(printContentWrapper.html());
printWindow.document.close();
printWindow.focus();
printWindow.print();
printWindow.close();

最初の行に「close」でデバッガー ブレークポイントを追加し、リンクをクリックしました。すると、画面の左下隅にアクセスしたいコンテンツを含む小さなウィンドウが表示されました。

コンテンツをテキストエディタにコピーして手動でフォーマットするよりも時間がかかりましたが、学んだことは価値がありました(-:

答え3

media="print" が指定されたスタイルシートを探す必要があります。このスタイルシートは印刷バージョンを担当します。ブラウザ ウィンドウでメディア タイプを変更できるプラグインをいくつか見たことがあります。

関連情報