跳到主要內容

HTML 轉 PDF — 保留 CSS 樣式,免費免上傳

在瀏覽器中把 HTML 轉成 PDF。貼上程式碼或開啟 .html 檔案;保留 <style> 規則和內聯 CSS,移除指令碼。可加頁碼和密碼。

HTML 最大 2 MB。指令碼、表單和嵌入框架會被移除;預覽顯示的就是寫入 PDF 的內容。

頁面設定

使用方法

  1. 貼上 HTML 或開啟 .html/.htm 檔案;預覽會隨輸入即時更新。
  2. 設定紙張大小、方向、頁邊距和頁碼,需要時新增水印或密碼。
  3. 點選“下載 PDF”,儲存在此標籤頁中生成的檔案。

範例

<h1 style="color:#4338ca">發票</h1> → 一個帶藍色標題、文字可選中的 PDF。

功能與限制

<style> 塊和 style 屬性中的規則會生效,@media print 規則也會使用。這些樣式只作用於文件內部,不會改變本頁面。外鏈樣式表、@import 和網路字型不會載入:正文使用 Noto Sans,程式碼使用 Noto Sans Mono。

遠端圖片只有在其伺服器允許跨域載入(CORS)時才會顯示;其他圖片和相對路徑會顯示為帶標註的方框。Data URI 始終可用。預覽會從圖片所在伺服器載入遠端圖片,而你的 HTML 本身始終留在瀏覽器中。

FAQ

生成 PDF 前,HTML 中的 JavaScript 會執行嗎?

不會。指令碼、事件處理器和 javascript: 連結會被 DOMPurify 移除,因此依靠 JavaScript 生成內容的頁面會輸出為空白。請改為貼上渲染後的 HTML,例如從瀏覽器開發者工具中複製。

可以通過網址轉換網頁嗎?

不能。瀏覽器不允許一個網站讀取另一個網站的頁面。請開啟該網頁,另存為 .html 檔案或複製其 HTML,再進行轉換。

PDF 中的文字可以選中嗎?

可以。排版由瀏覽器完成,並以向量文字寫入,內嵌 Noto 字型,包括中文、日文和韓文。暫不支援阿拉伯文和希伯來文,此時會改為提供列印對話方塊。

格式參考資料

工具頁面更新日期: