開發者 / HTML
HTML檢視器：搭配CSS和JavaScript的即時沙盒預覽
貼上HTML和選用的CSS，即時查看隔離預覽。明確啟用JavaScript後，您可以將預覽展開至全螢幕，或下載HTML預覽檔案。
HTML檢視器：搭配CSS和JavaScript的即時沙盒預覽: 工具會在具有不透明來源的沙盒框架中呈現原始碼。指令碼預設停用。內容安全性原則會封鎖外部資源、fetch請求、表單和嵌入頁面，但允許行內樣式和資料圖片。工具會移除可能重新整理頁面的中繼資料、base元素和嵌入式瀏覽環境。下載的檔案會保留隔離框架。 全程在瀏覽器中於本機執行，檔案不會上傳至伺服器。
- 分類
- 開發者工具
- 使用次數
- 在瀏覽器中
- 費用
- 免費・免註冊
- 可用狀態
- 可立即使用
全程在瀏覽器中執行
預覽與本網站隔離。腳本預設為關閉。外部樣式、腳本、圖片、fetch 請求、表單與嵌入頁面都會遭到封鎖；允許內嵌樣式與資料圖片。啟用腳本會執行您貼到預覽中的程式碼。
下載的 HTML 會開啟相同的隔離預覽。此頁面不會插入來源程式碼。
框架隔離
WHATWG HTML標準定義iframe沙箱限制（https://html.spec.whatwg.org/multipage/iframe-embed-object.html#attr-iframe-sandbox）。此預覽不會授予allow-same-origin。
內容限制
W3C內容安全性原則規範定義資源限制（https://www.w3.org/TR/CSP3/）。預覽會在提供的標記之前套用限制性原則。下載的包裝檔會保留沙箱界線。
使用方式
- 貼上HTML，以及選用的CSS或JavaScript。
- 只有在想讓貼上的程式碼於隔離預覽中執行時，才啟用指令碼。
- 查看即時或全螢幕預覽，然後下載沙盒預覽檔案。
隱私與限制
您的輸入內容和檔案會在瀏覽器中處理。不會上傳任何內容。
相關工具
常見問題
我的預覽可以存取這個網站的Cookie或頁面嗎？
沙盒不會授予同源存取權限。貼上的程式碼無法讀取這個網站的DOM或儲存空間。只有在您啟用指令碼時，指令碼才會執行。
為什麼外部圖片或函式庫無法載入？
本機預覽會封鎖遠端資源。請直接將樣式和指令碼放入編輯器，並使用資料網址載入圖片。
我可以貼上完整的HTML文件嗎？
可以。預覽接受完整文件和片段。工具會移除中繼資料與嵌入式瀏覽環境，套用自己的內容安全性原則，並在隔離框架中呈現結果。
下載內容包含什麼？
下載內容是一個HTML檔案，會在相同的沙盒中開啟您的原始碼。這是預覽檔案，不是直接將貼上的原始碼放入一般頁面。
免費工具・使用在瀏覽器中次・免註冊