我如何才能打印包含完整代码片段且不丢失图像的网页?

我如何才能打印包含完整代码片段且不丢失图像的网页?

我想打印网页https://www.journaldev.com/3524/spring-hibernate-integration-example-tutorial转换成pdf文件。

在 Chrome 浏览器中,我右键单击网页并选择“打印...”,然后创建的 pdf 文件

  • 不包含“Spring Hibernate Integration 示例项目结构”部分中的图像

  • 仅包含部分代码片段,不滚动上下滚动条则无法完全显示

我想知道是否有某种方法可以避免上述问题?特别是第二个问题。

我使用 Ubuntu 16.04 作为我的操作系统。

谢谢。

答案1

第一种方法

一种方法是使用检查元素编辑 css。右键单击页面中的任意代码片段,然后选择“检查元素”。

现在参考下图并从右侧页面取消选中 max-height 属性。

取消选中最大高度属性

无需刷新页面,按Ctrl+P即可打印。

注意:刷新页面时页面将返回到之前的状态

如果您想对同一网站上的其他页面执行相同操作,第二种方法比第一种方法更好。

第二种方法

实现此目的的另一种方法是禁用此特定站点的站点设置中的 JavaScript。但您将无法使用代码片段中的语法高亮显示。

转到chrome://settings/content/siteDetails?site=https%3A%2F%2Fwww.journaldev.com,您可以更改该站点的站点设置。

默认情况下允许使用 JavaScript,因此您需要禁用它。

禁用 JavaScript

现在重新加载网页并按Ctrl+P打印。

当我尝试打印时,我发现中间有一些间隙。但您可以使用检查元素轻松删除它。请参阅指南这里

来源

希望这可以帮助。

相关内容