正在準備工作區…
輸入
輸出
結果將顯示在這裡。
使用方法
- 貼上文字、開啟 UTF-8 檔案，或試用 Sample。
- 選擇輸入與設定，接著執行工具，或啟用自動執行。
- 檢查結果後複製或下載。修改輸入會使先前的結果失效。
HTML 格式化
格式化 HTML 縮排，依需求控制空白處理。
處理在瀏覽器本機完成，輸入不會傳送給 DevToolsy。
運作原理
使用 Prettier 將 HTML 作為原始碼格式化，不渲染輸入標記，也不執行指令碼；script 與 style 的內嵌程式碼不另行格式化。
輸入
<main><h1>Project notes</h1><p>Built with <strong>care</strong> for the web.</p><ul><li>Fast</li><li>Local</li></ul></main>輸出
<main>
<h1>Project notes</h1>
<p>Built with <strong>care</strong> for the web.</p>
<ul>
<li>Fast</li>
<li>Local</li>
</ul>
</main>
格式化 HTML 縮排，依需求控制空白處理。
選項與資料保真
可選擇遵循 CSS、嚴格保留或忽略空白，並設定縮排與行寬。預設遵循 CSS；忽略空白可能改變行內內容的可見間距。
使用處理結果
它不審查語意、無障礙或危險標記。請在專案中檢查結果，發布前使用適當的驗證工具。
檢查結果後複製或下載。修改輸入會使先前的結果失效。
處理限制
每份 UTF-8 輸入上限 1 MiB，輸出上限 8 MiB。JSONPath 與 Schema 5 秒逾時，其他工具 30 秒逾時。
?
常見問題
輸入的 HTML 會渲染或執行嗎？
使用 Prettier 將 HTML 作為原始碼格式化，不渲染輸入標記，也不執行指令碼；script 與 style 的內嵌程式碼不另行格式化。
如何處理有意義的空白？
可選擇遵循 CSS、嚴格保留或忽略空白，並設定縮排與行寬。預設遵循 CSS；忽略空白可能改變行內內容的可見間距。
格式化會檢查無障礙或安全問題嗎？
不會。它不審查語意、無障礙或危險標記。請在專案中檢查結果，發布前使用適當的驗證工具。
輸入內容會上傳嗎？
處理在瀏覽器本機完成，輸入不會傳送給 DevToolsy。
可以開啟本機檔案嗎？
UTF-8 輸入最大 1 MiB · 輸出最大 8 MiB