制作网页的像素完美打印输出（如屏幕上所示）答案

【问题标题】：Making a pixel perfect printout of a web page (as seen on screen)制作网页的像素完美打印输出（如屏幕上所示）
【发布时间】：2011-08-22 23:19:21
【问题描述】：

我想“备份”this 网页，最好是 PDF 格式。如截图，只读，供参考。

试图将页面打印成 PDF（OS X、Safari）会导致奇怪的打印机布局处理，这是一个样式表问题等。我们不要去那里。我想要浏览器在屏幕上显示的内容。就像一个屏幕截图（我可以截屏，但由于页面需要滚动，所以很乏味）。

Safari 允许“另存为网络存档”，但我更喜欢可移植的单文件格式 s.a。 PDF格式。真的——没有办法吗？

我确信 SO 会有答案。还没有找到问题。

附录： 找到this，但它需要一个非免费的EagleFiler 软件。不过，这似乎是最有前途的方法。

附录 2 感谢到目前为止所有的好建议。我将保持开放，直到找到真正的杀手锏解决方案。也就是说，任何主要浏览器都允许真正的另存为 PDF 而无需为打印机呈现页面。

目前，我自己的解决方案是保留 .webarchive 文件。实际上，与我第一次不同的是，它们是单个文件，这很好。当然，解决方案是特定于 OS X 的。

【问题讨论】：

【解决方案1】：

我建议使用 html2canvas 之类的东西将整个文档呈现为图像，然后打印（或保存）该图像。

【讨论】：

html2canvas 看起来很有前途，本身就是一项壮举。但它无法正确呈现某些文本（与单词重叠） - 我应该如何将画布条目的内容“另存为图像”？
This page 有一个很好的例子来说明如何做到这一点。简而言之，您可以使用toDataURL() 获取当前画布状态的编码表示，然后您可以添加显示它的图像标签。然后，您可以像复制任何其他图像一样复制/保存/操作该图像。

【解决方案2】：

我去http://www.capturefullpage.com输入your URL得到this image。

还有其他网站也可以这样做。此外，还有浏览器插件，因此您无需依赖此类网站。

【讨论】：

谢谢。这实际上使一切都很好，尽管与我的浏览器的渲染相比，字体看起来有点模糊。似乎工作。但是，作为 JPEG，我将无法从屏幕截图中复制粘贴文本（PDF 备份将允许），所以我暂时保留这个问题。

【解决方案3】：

狗仔队！允许您从 Safari 将整个页面捕获为图片。不知道它是否可以编写脚本，但我想无论如何你都可以用 AppleScript 伪造它。 http://hints.macworld.com/article.php?story=20060712064929281

【讨论】：

这个工具看起来很不错。如果是 PDF，我可能会选择这个作为官方答案。而且，它是特定于 OS X 的，这对我来说不是问题，但对其他人来说可能是。所以陪审团仍然没有 - 希望一些浏览器编码器落在这个页面上并看到需要。 :)
对于命令行版本（如狗仔队页面上所指）：paulhammond.org/webkit2png 这也是 OS X 特定的。

【解决方案4】：

PdfMyUrl.com 看起来是一个不错的在线东西，有很多选项，但选项需要付款。 Free Online URL to PDF Converter（好名字！）言出必行，而且是免费的。

【讨论】：