HTML 預覽 — 免費線上 HTML 預覽工具

即時 HTML 預覽,含裝置尺寸模擬。分割視圖、程式碼視圖或純預覽模式。5 種版型模板。可開啟檔案或下載。

免費使用 →

功能特性

即時預覽

輸入或貼上 HTML 後即時渲染顯示。無需儲存。

📱

裝置尺寸模擬

模擬桌面、平板和行動裝置視窗大小,測試響應式設計。

🖥️

3 種視圖模式

分割(並排)、純程式碼或純預覽——選擇您的工作流程。

📄

5 種模板

從空白、部落格、儀表板、著陸頁或作品集 HTML 模板開始。

📂

開啟與下載

直接開啟本地 HTML 檔案,或將預覽下載為 HTML 檔案。

🔒

隱私優先

預覽在沙盒化的 iframe 中執行。不載入外部資源。

使用方法

1

輸入或貼上 HTML

直接輸入 HTML、從剪貼簿貼上,或載入模板。

2

選擇視圖模式

選擇分割、純程式碼或純預覽模式。

3

測試響應式效果

切換裝置尺寸按鈕,查看在桌面、平板、行動裝置上的顯示效果。

4

儲存

下載 HTML 檔案或開啟新的檔案。

常見問題

即時預覽如何運作?
HTML 透過 srcdoc 在沙盒化的 iframe 中渲染。每次按鍵後即時更新,無需伺服器往返。
可以測試響應式設計嗎?
可以。裝置尺寸按鈕模擬常見視窗寬度:桌面(1200px)、平板(768px)和行動裝置(375px)。
會載入外部資源嗎?
外部 CSS、JS、圖片和字型預設會被封鎖以保護隱私。如有需要,可在設定中開啟外部資源載入。
有哪些可用的模板?
5 種起始模板:空白(空)、部落格(文章版型)、儀表板(側邊欄版型)、著陸頁(主視覺 + 功能介紹)、作品集(圖片格狀版型)。
我的 HTML 會被傳送至伺服器嗎?
不會。所有渲染均在您的瀏覽器中本地執行。您的 HTML 絕不離開裝置。

← 返回 pudone! 首頁