HTML 檢視器
線上開啟 HTML 檔案或貼上程式碼，編輯器旁即時預覽；依 meta charset 辨識 Big5 等編碼，改好可下載成 .html 檔。全程在瀏覽器執行，不上傳。
想線上開啟 HTML 檔案，按「開啟檔案」或把 .html 直接拖到編輯器上即可——左邊是原始碼，右邊是瀏覽器呈現出的網頁；也能直接貼上程式碼。編輯器有語法醒目提示，修改完可以下載成 .html 檔或複製程式碼。檔案只在你的電腦上讀取，並在沙箱 iframe 中渲染，不會上傳到任何地方。
HTML 檢視器
1446
編輯器
程式碼
預覽
即時預覽
你可能還需要
如何使用 HTML 檢視器
- 1
開啟或貼上 HTML
按「開啟檔案」挑選 .html / .htm 文件，或把檔案拖進編輯器，也可以把從別處複製來的原始碼直接貼上。
- 2
確認偵測到的編碼
檔案若在 meta 標籤宣告了 Big5、Shift_JIS、GBK 等舊編碼，就用該編碼解讀，其他情況一律以 UTF-8 讀取；檔名與偵測到的編碼會顯示在標題列。
- 3
看即時預覽
停止輸入約半秒後，右側窗格就會像瀏覽器一樣重新繪製整個頁面。
- 4
編輯並儲存
調整程式碼、觀察畫面變化，再用「下載 .html」存成檔案、用「複製」帶走程式碼，或切換全螢幕取得更大的工作空間。
參考資料
- WHATWG — HTML 標準
定義 HTML 語法、元素及現代瀏覽器渲染行為的持續演進規範。
- MDN — HTML
涵蓋 HTML 元素、屬性與最佳實踐的完整參考文件及教學。
相關工具
常見問題
- 如何線上開啟 HTML 檔案並預覽？
- 按「開啟檔案」選擇 .html 檔，或直接從桌面拖到編輯器上，原始碼和呈現結果會立刻並排顯示；只有一段程式碼的話，貼上也可以。不需安裝任何軟體，檔案也不會離開你的電腦。
- HTML 編輯器支援所見即所得（WYSIWYG）嗎？
- 是的。左側輸入程式碼，右側即時顯示渲染效果，讓您直觀了解每個 HTML 標籤的實際呈現方式，非常適合學習和除錯。
- 開啟 HTML 檔案出現亂碼怎麼辦？
- 檢視器會先看檔案開頭的 BOM，再讀取前 1024 位元組內的 <meta charset> 或 http-equiv 宣告，Big5、GBK、Shift_JIS 等編碼都能照宣告解讀，沒有宣告就以 UTF-8 處理。舊網頁若以 Big5 存檔卻沒寫 meta charset 就會變成亂碼，補上 <meta charset="big5"> 後重新開啟即可。
- 改好的網頁可以下載儲存嗎？
- 可以。「下載 .html」會把編輯器目前的內容存成 UTF-8 檔案，開啟過的檔案沿用原本的檔名，否則命名為 index.html。原檔若宣告 Big5 等其他編碼，存檔時會把 meta charset 改成 utf-8，避免另存後變成亂碼。
- 有免安裝的線上 HTML 編輯工具嗎？
- 本工具完全免安裝，直接在瀏覽器中運行。支援 Mac、Windows、Linux 及行動裝置，開啟頁面即可開始使用。
- 可以測試外部 CSS 和 JavaScript 嗎？
- 可以，只要是絕對 https 網址，例如 CDN 上的樣式表、腳本與圖片。./style.css 這類相對路徑無法解析，因為預覽沒有自己的資料夾。預覽框是沙箱 iframe，允許執行腳本但不與本站同源，Cookie、本機儲存空間和 alert 對話框都會被擋下。
- 我的 HTML 程式碼會被傳送到伺服器嗎？
- 不會。所有渲染完全在您的瀏覽器本機執行，程式碼永遠不會離開您的裝置，未完成的專案也可安全測試。
- 編輯時預覽會自動更新嗎？
- 是的。每次輸入或修改，檢視器都會即時重新渲染預覽面板，無需點擊重新整理按鈕。