HTML 轉 PDF — 保留 CSS 樣式,免費免上傳
在瀏覽器中把 HTML 轉成 PDF。貼上程式碼或開啟 .html 檔案;保留 <style> 規則和內聯 CSS,移除指令碼。可加頁碼和密碼。
瀏覽器內轉換 · 無需註冊
HTML 最大 2 MB。指令碼、表單和嵌入框架會被移除;預覽顯示的就是寫入 PDF 的內容。
使用方法
- 貼上 HTML 或開啟 .html/.htm 檔案;預覽會隨輸入即時更新。
- 設定紙張大小、方向、頁邊距和頁碼,需要時新增水印或密碼。
- 點選“下載 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 字型,包括中文、日文和韓文。暫不支援阿拉伯文和希伯來文,此時會改為提供列印對話方塊。
相關工具
格式參考資料
工具頁面更新日期: