免費 HTML 檔案預覽
無需註冊和安裝、線上即用的免費 HTML 預覽工具。不僅是單個 HTML 檔案，把 CSS·JS·圖片·多個 HTML 頁面一起上傳或上傳整個資料夾，相對路徑和頁面跳轉都能原樣預覽。貼上程式碼後右側會即時顯示結果。可以切換桌面·手機寬度確認響應式畫面，也可以在新視窗開啟或下載。所有處理都在瀏覽器中進行，檔案不會外傳。
檔案
程式碼
預覽
使用方法
- 把要預覽的 HTML 檔案拖放或點擊上傳。把 CSS·JS·圖片·多個頁面或資料夾拖到「新增檔案·資料夾」區域即可一起上傳，也可以用「新增檔案」·「新增資料夾」直接建立或貼上程式碼。
- 點擊左側「檔案」列表中的檔案即可開啟程式碼。選擇 HTML 就會預覽該頁面。
- 修改程式碼區域後，開啟「自動預覽」時右側結果會即時更新。點擊預覽中的連結會跳轉到相應頁面。
- 把預覽寬度切換為桌面·平板·手機，確認響應式畫面。
- 用「在新視窗開啟」查看全螢幕，用「下載檔案」儲存目前檔案，用「複製程式碼」把程式碼複製到剪貼簿。
這個免費 HTML 預覽工具的特點
- 完全免費 · 無需註冊 · 無需安裝 — 線上即刻使用
- 在瀏覽器中處理、檔案不會外傳的安全預覽
- 從單個 HTML 到 CSS·JS·圖片·多個頁面，甚至整個資料夾上傳都支援
- 支援相對路徑（../, ./）和 CSS·JS·圖片自動關聯、頁面間連結跳轉
- 切換桌面·平板·手機寬度確認響應式版面
- 在隔離的 sandbox 框架中連 JavaScript 也能安全運行
- 支援在新視窗開啟 · 複製程式碼 · 下載檔案
常見問題
HTML 檔案預覽是免費的嗎？
是的，完全免費。無需註冊或安裝程式，直接在瀏覽器中即可使用。
上傳的 HTML 檔案會被傳送到伺服器嗎？
不會。檔案讀取和預覽渲染都在您的瀏覽器中進行，檔案不會傳送到外部伺服器。
可以直接輸入程式碼進行預覽嗎？
可以。不上傳檔案，直接貼上或輸入HTML程式碼，右側就會即時顯示結果。
CSS·JS·圖片分開的專案或資料夾也能預覽嗎？
可以。一起上傳多個檔案或整個資料夾時，以相對路徑關聯的 CSS·JS·圖片會自動生效，頁面間的連結跳轉也可用。.php 檔案由瀏覽器內的 PHP 子集解譯器執行基本語法（echo·變數·陣列·條件·迴圈·常用內建函式）。但由於沒有伺服器，DB 連線·檔案讀取·網路請求等伺服器功能，以及執行中用 fetch 載入檔案的程式碼無法運作。
可以確認在手機螢幕上的顯示效果嗎？
可以。把預覽寬度切換為桌面·平板·手機，就能確認響應式版面的顯示效果。
預覽中的 JavaScript 也會運行嗎？
會。預覽在隔離的 sandbox 框架中運行，不會影響頁面本身，同時可以確認 HTML 和 JavaScript 的行為。