在 Windows 上,无法打印 Medium 博客文章,因为代码会被裁剪掉

在 Windows 上,无法打印 Medium 博客文章,因为代码会被裁剪掉

我的系统: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。

  1. 选择地址栏旁边的省略号按钮,然后选择“截屏”并保存为整页。

  2. 安装“完整网页截图”扩展 - 如果您愿意,这可让您选择将其保存为 pdf。

相关内容