Chrome 打印 - 另存为 PDF - 打印到一页

Question

在 Chrome 中通过“另存为 PDF”打印时，如何使页面大小适合网页尺寸？

我试图从中生成 PDF 的页面上有一堆图表，我不打算将其打印到纸上 - 我只想生成一个可展示的文档。但是，当我将其打印为 PDF 时，我的图表不断从所有页面上切碎。我想简单地在一页上打印所有内容。这可能吗？

Answer 1

注意：此方法已半弃用

铬是 相当真正与它允许在页面大小的打印部分的定制能力令人印象深刻。

因此，您可以自定义打印尺寸。当我不得不将 32" x 80" 的网页打印为 pdf 时，这真的救了我。

这是说明（请记住，我们正在修改页面的前端，所以这有点技术性并且涉及一些 HTML 修改）

1. Ctrl + p 打开打印对话框
2. 点击“更多设置”展开下方

3. 右键单击“纸张大小”下拉菜单，然后单击“检查”
   （注意：这将打开 chrome 的开发工具）

4. 在开发工具中，<select class="md-select">...</select>将突出显示，单击它旁边的箭头以展开该部分。

5. 展开后，第一个选项将是：
   <option value="{&quot;height_microns&quot;:1189000,&quot;name&quot;:&quot;ISO_A0&quot;,&quot;width_microns&quot;:841000,&quot;custom_display_name&quot;:&quot;A0&quot;}">A0</option>
6. 右键单击它，然后选择“编辑为 HTML”。文本编辑部分将打开，前一个选项的文本全部突出显示。

此时，您需要做的就是在现有选项之后将一个自定义选项插入到此列表中。这意味着粘贴在你自己的。不幸的是，我无法构建一个工具来制作代码片段供您粘贴，因为超级用户不允许使用堆栈片段。

您只需要修改几个值。我在下面将名称更改为 CUSTOM。

您会注意到，在下面的文本中，有 HHHHHHHHHH 和 WWWWWWWWWW。这些必须手动更改为与所需尺寸相关的微米值。本网站提供了一个不错的免费微米计算器：https : //www.calculateme.com/length/inches/to-microns/

对于我的身高，它是：80 英寸 = 2,032,000 微米，所以对于 HHHHHHHHHH，我用 2032000 替换了它

对于我的宽度，它是 32 英寸 = 812,800 微米，因此对于 WWWWWWWWWW，我将其替换为 812800

请找到您自己的关联值，并对以下文本执行相同操作。

<option value="{&quot;height_microns&quot;:HHHHHHHHHH,&quot;name&quot;:&quot;ISO_CUSTOM&quot;,&quot;width_microns&quot;:WWWWWWWWWW,&quot;custom_display_name&quot;:&quot;CUSTOM&quot;}">CUSTOM</option>

准备好该文本后，将其直接放在“编辑为 HTML”文本编辑器中的部分之后。完成后，单击文本编辑区域外的任意位置以使更改呈现。

此时，您可以单击下拉菜单，查看您的 CUSTOM 选项，然后选择它。

我知道这听起来很困难，但是，它确实非常简单，如果您要从真正自定义的内容制作 pdf，它应该可以为您节省大量时间。

严重更新

在某些时候，来自 Google chrome 的打印预览似乎更新为更多的测试驱动。因此，添加自定义值违反了测试条件，并且没有任何反应。这种方法不再如图所示工作。

这里的要求是使用调试器逐字截取值，以绕过对测试断言的阻止。抱歉，这里写得太深了。同样，我担心有可能通过发布当前的工作修复程序随后会因某种原因受到保护。

亲爱的谷歌，如果您确实在看这些帖子，也许只允许自定义微米选项？这将不胜感激！

Answer 2

目前，我已经找到了一个适合我正在做的事情的 Chrome 扩展程序。它允许我拍摄整个页面的快照，然后将其保存为 PDF 或图像。此方法的唯一缺点是页面（即使是 PDF）作为一个整体是一个图像。因此，文本不可选择或矢量可缩放。

如果它对其他人有帮助的话，这是扩展： 完全截取网页屏幕截图 - FireShot