一步一步的 HTML 网页到 PDF 转换教程

评论

有时,当我们浏览网页时,我们可能会发现一些鼓舞人心的东西,并希望将它们保存起来以供以后离线访问。在这种情况下,我们可以将网页保存为 HTML 文件,这样当我们点击 HTML 时,我们就可以打开一个看起来与在线版本完全相同的离线网页,即使我们没有互联网联系。如果我们更进一步,我们可以将这个 HTML 文件转换为 PDF 文档,这使得有价值的网页和文章更容易被收集、组织和共享。

那么我们如何将 HTML 网页转换为 PDF 呢?在这里,我们总结了一些实用的解决方案。一种方法是我们首先使用一些网络浏览器及其扩展程序将网页保存为 HTML 文件,然后使用 HTML 到 PDF 在线转换器(如EasePDF)将其转换为 PDF。另一种方法是使用 Adobe PDF 工具栏或 Web 浏览器中的“打印”功能将网页直接保存为 PDF。

一.将完整的网页另存为 HTML

将网页另存为 HTML 非常简单,大多数网络浏览器(如Internet Explorer、Chrome 和 Firefox)都可以帮助您实现这一点。现在我们以Chrome为例,将本网页How to Convert PDF to Word for Free作为PDF文档保存。

步骤 1. 在 Chrome 中打开网页。将 URL 放在地址栏上,然后按键盘上的“输入”键导航到该页面。等到这个网页的整个布局和元素都完全显示出来,你才能进入下一步。

步骤 2. 将网页另存为 HTML。有两种方法可以评估此功能。您可以右键单击鼠标,然后选择“另存为”选项。或者您可以转到“文件”→“更多工具”→“页面另存为”。在新弹出的窗口中,选择“网页,完成”作为保存格式。然后输入文件名并选择一个位置来保存 HTML。

Chrome 网页另存为 HTML

您将获得一个 HTML 和一个包含所有图像和其他数据的文件夹。请不要删除此文件夹,否则,当您访问此 HTML 时,您将看到一个仅包含文本的网页。有没有办法避免这种复杂的输出?答案是肯定的。借助此扩展名SingleFile ,我们可以轻松地将网页保存为一个包含所有布局和元素的 HTML 文件。

步骤 1. 打开 Chrome 网上应用店并搜索“ SingleFile ”。单击扩展程序旁边的“添加到 Chrome”按钮,它将安装到您的 Chrome 浏览器。

SingleFile 添加到 Chrome

步骤 2. 安装完成后,您将在工具栏上看到 图标。当您想要保存网页时,只需单击该图标,它就会立即将您正在查看的网页保存为单个 HTML 文件。

Chrome 单个文件图标

提示:此扩展也可用于 Firefox,您可以在 mozilla.org 下载SingleFile 插件

二.如何将 HTML 转换为 PDF

现在我们有了一个理想的 HTML 文件,是时候将它转换为 PDF 了。最简单的方法是使用 HTML 到 PDF 在线转换器,例如EasePDF、 html2pdf 、 Sejda等Google Docs也可以帮助转换 HTML。现在让我们一起来体验一下这些转换器。

选项1. EasePDF

EasePDF是专业的PDF转换在线服务专业,拥有20多种在线解决PDF相关问题的工具。作为在线转换器, EasePDF在不同的设备和系统上表现同样出色,包括 Mac、Windows、Android、iPhone、iPad 等。用户可以在网络连接下随时随地处理来自计算机、平板电脑和手机的文件。这使得将 HTML 转换为 PDF 变得非常容易。

步骤1。转到EasePDF并在主界面上选择“ HTML to PDF Converter ”。

第2步。上传要转换的文件。我们可以通过单击“添加文件”按钮上传 HTML 文件并导航到我们设备上的文件。或者我们可以将文件拖放到转换器以打开它。我们还可以通过选择按钮下方的驱动器图标来添加存储在Google Drive、 Dropbox和其他云驱动器上的 HTML 文件。转换器会立即上传并转换 HTML 文件,只需等待几秒钟。 EasePDF支持免费批量转换,因此我们可以一次添加多个 HTL 文件。

EasePDF HTML 到PDF Converter

步骤 3. 下载转换后的 PDF。在您的 HTML 成功转换为 PDF 后,转换器将向您显示一个下载按钮,只需单击该按钮即可将其保存到您的设备中。我们还可以将创建的 PDF 保存到我们的云驱动器或与他人共享此下载链接。

EasePDF HTML 到 PDF 下载

选项2.Google Docs

Google Docs是谷歌开发的一款强大的在线文档阅读和编辑工具。支持的各种格式使其成为文档管理必不可少的工具。作为一个很多人没有意识到的技巧, Google Docs也可以用作在线 HTML 到 PDF 下载。但是,使用Google Docs将 HTML 转换为 PDF 并不完美。因为CSS数据将无法在Google Docs中维护和显示,导致转换后的PDF布局不完整。

步骤 1. 在Google Docs中打开 HTMlLfile。单击Google Docs界面上的小文件图标以访问上传窗口。转到“上传”选项卡并在您的设备上选择一个 HTML 文件,然后单击“打开”按钮。

Google Docs上传 HTML 文件

步骤 2. 将 HTML 文件另存为 PDF。转到 Google Drive 顶部工具栏上的“文件”菜单,将鼠标放在“下载”选项卡上,然后选择“PDF 文档 (.pdf)”。转换后的 PDF 文档将自动下载到您的设备。

Google DocsHTML 下载为 PDF

三.如何将网页另存为 PDF

我们可以选择另一种解决方案,而不是将网页保存为 HTML 并将其转换为 PDF,而是直接将网页保存为 PDF。在我们的网络浏览器中有两个选项可以做到这一点。

选项1. Adobe PDF 工具栏(仅限 Windows)

Adobe 有Internet Explorer (8.0 或更高版本)和Google Chrome的扩展程序,它允许我们将网页直接转换为 PDF。此扩展程序仅在 Windows 计算机上可用。我们再次以 Chrome 为例。

步骤 1. 在 Chrome 网上商店获取Adobe Acrobat 扩展程序,单击“添加到 Chrome”按钮,它将安装到浏览器。

Adobe Acrobat 添加到 Chrome

步骤 2. 单击工具栏上的 Adobe 图标,然后选择“将网页转换为 PDF”。然后选择一个位置,输入文件名,然后单击“保存”按钮。

铬 Adobe 图标

选项2.在浏览器上使用“打印到 PDF”

将网页直接另存为 PDF 的另一种简单方法是使用 Web 浏览器上的“打印”选项。让我们看看它在 Chrome 上是如何工作的。

步骤 1. 转到 Chrome 工具栏上的“文件”→“打印”。

步骤 2. 在弹出的打印窗口中,将设置更改为您满意的程度。

1. 在“目标”选项中选择“另存为 PDF”。

2.您可以在“Pages”选项中选择将所有页面或某些页面保存为PDF。

3. 在“每张Pages”选项上,选择“1”。

4. 设置转换后的 PDF 的边距。您可以在“边距”选项上从无、默认、最小和自定义中进行选择。通常我们可以选择“默认”以保持输出与原始网页相同。

5. 如果您勾选“页眉和页脚”框,则转换后的 PDF 将在页眉上显示页面标题和保存日期,并在页脚中包含页面链接。

6. 如果您希望保存的 PDF 看起来与原始网页完全一样,请选择“背景图形”。

Chrome 打印另存为 PDF

设置好所有内容后,单击“保存”按钮并选择一个位置来保存转换后的 PDF 文件。如果您打开创建的 PDF,您会发现转换后的结果非常完美。它以最大扩展名保存原始内容、图像、链接和 CSS 布局。

奖金提示:

1. 有许多桌面 HTML 到PDF Converter可以帮助您进行此转换,例如PDFelement。

2. 如果您需要编辑转换后的 PDF 文件,只需参考这篇文章如何使用顶级 PDF 编辑器编辑 PDF

本文是否有帮助? 感谢您的反馈意见!

是的 或者

处理您的 PDF 文件
选择工具
EasePDF高级版
无限制自由享受所有强大功能!
升级到高级版
安装EasePDF - 免费在线 PDF 工具 Chrome 扩展?

不用了,谢谢 安装