如何將適合列印的版本儲存為 HTML？

Question

範例：Amazon AWS 帳戶活動包含「印表機友善版本」。它會顯示另一個窗口，其中包含我的帳單的印表機最佳化版本，並開啟列印對話框。當我列印、另存為 PDF 或取消時，彈出視窗消失。我想保持開啟狀態。

列印/儲存到 PDF 選項使用太大的字體、換行並導致最後幾行流到另一頁。我認為如果我可以訪問瀏覽器中彈出視窗中打開的內容，我可以更改字體大小，然後列印或嘗試其他一些操作。

一般來說，我正在尋找一種方法來防止瀏覽器在列印後關閉彈出視窗。

Answer 1

你可以使用Web開發人員擴大。它允許您顯示print給定網站的樣式：

Answer 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”添加了調試器斷點，然後單擊了鏈接。然後我在螢幕左下角看到一個小窗口，其中包含我想要訪問的內容。

這比將內容複製到文字編輯器並手動格式化要花更多的時間，但我學到的東西是值得的（-：

Answer 3

您必須尋找具有 media="print" 的樣式表。此樣式表負責列印版本。我看到一些插件可以改變瀏覽器視窗中的媒體類型。