我的系统:Windows 10 Pro x64 9200、HP EliteBook 1040、Chrome 版本 62.0.3202.62(官方版本)(64 位)
我想打印出这篇 Medium 博客文章:
https://medium.com/@keeper6928/how-to-unit-test-machine-learning-code-57cf6fd81765
但是,当我尝试时,代码块会被裁剪。例如,这个代码块实际上有 15 行代码长
被裁剪为 10 行代码:
如果我打印为 PDF,而不是将打印作业发送到我们的后续打印队列,就会发生完全相同的问题。
我认为这个问题与 GitHub 有关……显然,博主使用了一些 GitHub 服务在他的博客文章中分享他的代码要点,但这项服务“与 Chrome 的打印功能不兼容”。我之所以相信这一点,是因为当我从 Chrome 查看页面时,代码块会完整显示,包括解释代码托管在 GitHub 上的页脚:
但是当我打印为 PDF 时,页脚消失了:
为了方便您,我附上了一个链接PDF通过将博客文章打印为 PDF 获得。如何在不裁剪代码片段的情况下打印文章?
编辑根据评论中的建议,我尝试突出显示代码片段中的代码,然后从 Chrome 右上角菜单中选择“打印”。在这种情况下,该代码片段打印正确,但是这仍然不能解决我的问题......除非我单独打印每个片段,然后将它们粘贴在打印的博客文章上:)即使对我来说,这也太低技术了。
答案1
另一种方法是采用屏幕截图的方式,正如 Journeyman Geek 的回答中所解释的那样。
另一种选择:使用文字处理器。
- 打开页面,选择全部(在大多数系统上为Ctrl- )A
- 复制 (Ctrl- C)
- 粘贴(Ctrl- V)到文字处理器(LibreOffice、MS Word 等)
这通常会保留大多数格式和图像,并让您轻松修复错误。
在这个特定情况下,代码片段不会出现(可能是因为它们是 HTML 源代码中的单独 IFrame)。但是,您可以单独复制它们并将它们粘贴到正确的位置。有点乏味,但对于一些代码片段来说,这是可行的。
缺点:
- 一些手工工作
- 并不完全保留浏览器中的外观
优点:
- 更加灵活
- 您可以获得文本的完整打印分辨率
答案2
之后需要进行一些后期处理(或者我的屏幕太宽),但 Firefox 有一个很好的工具可以截取整个页面的屏幕截图。GCLI——即图形 CLI
按 shift-f2 或转到工具-> Web 开发人员-> 开发人员工具栏。
在那里输入“screenshot filename.png --fullpage”,即可截取屏幕上看到的内容像这样
然后我会裁剪边缘(我用 paint.net 来做这个)因为它太宽了,然后用 paint 打印(是的 paint)。转到打印预览 - 您可以将其设置为打印 1 x 某页 = 我设置了 10,然后决定 6 可以。
1 宽度至关重要 - 因为它基本上设置/缩放页面的宽度
然后打印为 PDF,进行测试调整,并在您知道其有效后从 PDF 进行物理打印。
答案3
使用 Firefox,您有两种选择将网页转换为一个很长的图像,即 pdf 或 jpg。
选择地址栏旁边的省略号按钮,然后选择“截屏”并保存为整页。
安装“完整网页截图”扩展 - 如果您愿意,这可让您选择将其保存为 pdf。