HTML 轉 PDF

運作方式

人們所說的「HTML 轉 PDF」其實有兩種不同的意思。一種是依瀏覽器繪製的樣子，套用所有樣式表後為網頁截圖；另一種是把以 HTML 撰寫的文件轉成可以閱讀、搜尋和列印的正式 PDF。本頁做的是第二種，並在下方誠實說明為什麼不宣稱能做到第一種。

它能轉換的內容

依相對大小呈現的標題、段落、含巢狀的項目符號與編號清單、繪有格線的表格、粗體與斜體、水平線，以及以 data: URI 形式嵌入檔案本身的圖片。所有文字都會以真正的文字輸出，可選取、可搜尋、可複製，而不是文字的圖片。

為什麼不套用 CSS

要依瀏覽器繪製的樣子重現一個頁面，必須執行它的樣式表、網頁字型，往往還有它的 JavaScript，然後再把結果拍下來。要忠實做到這點，需要完整的瀏覽器引擎驅動列印流程，也就是伺服器端轉換器的做法。若在本頁中這麼做，就得從別人的伺服器載入檔案所指向的一切，包括樣式表、字型、圖片和追蹤程式。這會打破本網站唯一的承諾，也就是您檔案的任何內容都不會離開您的裝置。因此這個工具轉換的是結構而非外觀，並且明確告知這點。

不抓取任何內容，也不執行任何程式

檔案會被剖析成一份惰性文件，這是瀏覽器專為此用途設計的功能：指令碼不會執行，也不會請求任何圖片、樣式表、字型或追蹤像素。script、style、iframe 和 embed 元素會被直接移除，任何需要網路請求的圖片也會被捨棄。只有以 data: URI 形式已嵌入檔案中的圖片，才會出現在 PDF 裡。

適合用在哪裡

匯出的筆記與維基頁面、儲存為 HTML 的郵件封存、產生的報告、文件、由範本產生的發票，以及任何您以 HTML 寫成、想要變成整齊可搜尋文件的內容。若要逐像素擷取有樣式的行銷網頁，它並不是合適的工具。

先儲存網頁

若要轉換您正在瀏覽的網頁，請用瀏覽器儲存它（Ctrl+S 或 Cmd+S），再把產生的 .html 檔案拖曳到這裡。如果您想要網頁與畫面上完全一樣，瀏覽器本身的「列印 → 另存為 PDF」比任何轉換器都做得更好，而且早已安裝好了。