一步一步的 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 擴展?

不用了,謝謝 安裝