如何让 Chrome 打印网页时不让某些标题遮挡文字

如何让 Chrome 打印网页时不让某些标题遮挡文字

关于此类问题,已经有很多问题得到了解答:如何获取可搜索且具有可点击超链接的网页 PDF。例如,这次讨论

我要解决的是一种特殊情况:我使用的是普通版 Chrome,不允许安装插件或其他浏览器。(我恰好更喜欢 Chrome,因为它的“另存为 PDF”打印选项可以创建可点击的链接。)

问题在于,一些网页上有横幅和其他元素,会覆盖打印页面上的文本。

上述帖子中提供的一个解决方案是使用 Chrome 的开发者工具将 CSS 渲染设置为“屏幕”。这在某些情况下很有帮助,但我仍然遇到无法正常工作的网页,并且各种元素继续与主文本重叠。

我有一个解决方案,我将在下面描述。

答案1

我的答案有点太过强行,需要有一点(不多) HTML 知识。

我没有使用渲染设置,而是打开 Chrome 开发者工具,然后使用“选择元素”按钮:

在此处输入图片描述

然后,我选择有问题的元素并返回到开发人员面板的 HTML 显示,右键单击元素的 HTML 打开标记,然后选择“隐藏元素”。

在此处输入图片描述

我有时必须对一些元素执行此操作,但随后“打印 | 另存为 PDF”功能起作用,我可以看到所有正文。

相关内容