☰

如何在保留风格的同时打印大页面？

tag-icon • tag-icon firefox google-chrome internet-explorer screenshot
如何在保留风格的同时打印大页面？

我尝试了所有可能的标准选项，并且我认为需要采取一些措施才能以正确的方式完成。

按下PrtSc，粘贴到 Paint 并剪切边距即可，但我想获得适用于多页的解决方案。重复PrtSc多次是不可能的。

例如，每次我尝试打印一页时此 Twitter 页面，无论我使用什么操作系统或浏览器，我都会得到类似的结果。我怎样才能让它在执行此操作时保留样式？

答案1

你可以截屏（使用类似鸟舍（对于 Chrome）并打印。

在此处输入图片描述

答案2

另一个选择是使用“PDF 打印机”创建程序，我个人使用 Bullzip 来打印许多无法正确打印的网上银行页面。只需将它们“打印”到 PDF 创建器，然后从那里打印即可！:)

答案3

好的，我知道该怎么做了！

由于 HTML 样式表可以分配媒体类型，从而为不同的媒体（打印机、屏幕等）提供不同的样式，因此在打印时 Twitter 样式会被破坏。

因此，我将需要打印的 Twitter 页面保存为 HTML 文件（选择“网页”，完成），然后查看 HTML 源代码。我看到主 CSS 有media="screen"- 这意味着该 CSS 对打印没有影响。

media="screen"我从 HTML 中删除了这一段文本并保存了它。

现在 Twitter 页面可以以正确的方式打印了！

此信息对于尝试打印或截取大型网页屏幕截图的其他人也将很有用。

当您的截图插件/附加组件由于网页大小而失败时（对于 Firefox，会导致错误控制台中出现此异常：

Error: uncaught exception: [Exception... "Component returned failure code:
0x8007000e (NS_ERROR_OUT_OF_MEMORY) [nsIDOMHTMLCanvasElement.getContext]"  
nsresult: "0x8007000e (NS_ERROR_OUT_OF_MEMORY)"  location: "JS frame :: 
chrome://uploadscreenshot/content/uploadscreenshot.js :: <TOP_LEVEL> :: 
line 211"  data: no]

) 您打印到 PDF 打印机，这种样式编辑方法将为您提供帮助！

相关内容