☰

如何将适合打印的版本保存为 HTML？

tag-icon • tag-icon firefox google-chrome printing
如何将适合打印的版本保存为 HTML？

示例：Amazon AWS 帐户活动包含“打印机友好版本”。它会显示另一个窗口，其中包含针对打印机优化的账单版本，并打开打印对话框。当我打印、另存为 PDF 或取消时，弹出窗口会消失。我想让它保持打开状态。

打印/保存为 PDF 选项使用的字体太大，会换行，导致最后几行流到另一页。我想如果我可以访问在浏览器弹出窗口中打开的内容，我就可以更改字体大小，然后打印或尝试其他操作。

总的来说，我正在寻找一种方法来防止浏览器在打印后关闭弹出窗口。

答案1

您可以使用Web开发人员扩展。它允许您显示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" 的样式表。此样式表负责打印版本。我看到一些插件可以在浏览器窗口中更改媒体类型。

相关内容