線上 HTML 檢視器 — 預覽並渲染 HTML | fixjson.org

input.html

<!doctype html><html><head><title>Demo</title><style>body{font-family:sans-serif;margin:2rem}h1{color:#2d6cdf}</style></head><body><h1>Hello, world</h1><p>This HTML is <strong>rendered</strong> locally — nothing is uploaded.</p><ul><li>One</li><li>Two</li></ul></body></html>

preview

貼上 HTML，在瀏覽器中安全地預覽渲染結果。

相關

與 HTML 檢視器相關的指南

全部指南 →

JSON 解析錯誤：讀懂訊息，直達修復

JSON 解析器錯誤訊息及其解釋文章的目錄 —— 先用嚴格驗證器，再深入到具體的語法問題。

修復無效 JSON：從「哪裡出錯」到乾淨的檔案

修復看起來幾乎正確的 JSON —— 尾隨逗號、單引號、未加引號的鍵 —— 使用能容忍「準 JSON」的智慧格式化器，然後進行嚴格驗證。

JSON 格式化器、驗證器、檢視器：選對工具

並排比較格式化器、驗證器、檢視器、壓縮器和差異比對，以及在審查 API 負載時串聯它們的順序。

線上 HTML 檢視器與渲染工具

在左側貼上你的 HTML，右側便會立即渲染結果。這個線上 HTML 檢視器完全在你的瀏覽器中執行 —— 你的標記絕不會被上傳到伺服器，因此用於內部頁面、電子郵件範本以及尚在進行中的標記都很安全。

預覽會在停用指令碼的沙箱化框架中渲染，因此你看到的 HTML 與 CSS 會與瀏覽器排版的結果完全一致，而不會執行任何 JavaScript。工作時可使用 Format 按鈕，以乾淨的縮排美化排版原始碼。

檢視 HTML —— 貼上標記並閱讀渲染後的結果，就像一個線上 HTML 閱讀工具
渲染 HTML 與 CSS —— 行內的 <style> 與屬性都會套用到預覽中
格式化原始碼 —— 一鍵重新縮排雜亂的 HTML
100% 本機運作 —— 一個注重隱私的 HTML 檢視器；沒有任何東西會離開你的瀏覽器

你可以預覽什麼

它可作為線上 HTML 檢視器、HTML 檔案檢視器、HTML 預覽工具以及 HTML 渲染工具：貼上完整文件或片段，框架就會顯示它的樣子。電子郵件 HTML、匯出的報表、擷取的片段以及元件標記，全都會以瀏覽器繪製的方式呈現。

為什麼停用指令碼

一個會執行任意 JavaScript 的檢視器，可能會洩漏你貼上的那些資料。停用指令碼讓這個工具維持安全且可預測 —— 你會得到結構與樣式忠實的視覺預覽。若要測試互動行為，請改為在真正的瀏覽器分頁中開啟該 HTML。

FAQ

我的 HTML 會被上傳到任何地方嗎？

不會。檢視器會在沙箱化的 iframe 中於本機端渲染你的 HTML。不會有任何內容被送往伺服器，因此用於機密標記都很安全。

為什麼我的 JavaScript 不會在預覽中執行？

預覽框架基於安全考量採用沙箱化並停用指令碼。你會看到渲染後的 HTML 與 CSS，但 <script> 程式碼不會執行。請在瀏覽器中開啟檔案以測試指令碼。

我也可以格式化 HTML 嗎？

可以 —— 點擊 Format 即可用一致的間距重新縮排原始碼。若需要專門的工具，請參考 HTML 格式化。