跳到主要內容
Toolars
探索
回報問題

開發 · 本機工具

HTML 格式化

HTML Formatter

以 2 或 4 空格一致縮排 HTML 並按 100 字元寬度換行,嚴格解析會順帶抓出未閉合標籤與筆誤,保留文字空白。

任務路徑 / 從輸入到結果

貼上標記

本機執行 · 不做任何上傳

瞭解HTML 格式化的使用方法、隱私說明與相關工具

任務路徑 / 從輸入到結果

如何格式化 HTML

  1. 01

    貼上標記

    貼上不超過 256 KiB 的 UTF-8 原始碼;格式化可選兩個或四個空格。

  2. 02

    選擇縮排大小

    選擇 2 或 4 個空格。範例已預載;按下「格式化」後才會套用新設定。

  3. 03

    點擊「格式化」

    按下「格式化」。本機解析器調整 HTML 標籤,但保留原有文字間空白與 script/style 原文;請檢查目標頁面。

  4. 04

    查看統計

    比較輸入與輸出的 UTF-8 位元組數及節省比例。節省值為負表示結果變大;複製或下載前先檢查。

  5. 05

    複製或下載結果

    點「複製結果」放入剪貼簿,或點「下載」儲存為 toolars.html;頁尾統計會顯示位元組數的變化。「重設」會清空面板,方便處理下一個文件。

工具速覽

處理方式
在瀏覽器本機完成
輸入是否離開裝置
從不
資料保留
不儲存任何內容
價格
免費

你的輸入留在瀏覽器裡。

HTML 格式化 使用經過驗證的本機執行路徑,不會建立隱藏的輸入或輸出歷史記錄。

本機執行

在目前瀏覽器分頁內執行。

無隱藏處理

使用中的工具資料絕不會成為 Toolars 的文件記錄。

無需帳戶

無需建立帳戶即可使用核心工作流程。登入後收藏才會同步至你的帳戶。

立即重設

關閉分頁,目前的工作資料即刻消失。

HTML 格式化 的適用情境

程式碼審查

在分享給其他開發者之前,讓原始碼更易於檢查。

建置產物

生成緊湊的 HTML、CSS 或 JavaScript,而不執行原始碼。

可直接複製的片段

格式化一個聚焦的範例,直接放入文件或編輯器。

HTML 格式化 究竟做什麼

產生器輸出的單行郵件範本不易審閱。先在本機格式化標籤,再於郵件預覽中與原稿比較,包括空白和內嵌樣式。

常見問題

有哪些縮排選項?
選擇 2 或 4 個空格。HTML 標籤使用 100 欄列印寬度,但原有文字間空白與 script/style 內容不變;不能選定位字元。
格式化會順帶驗證標記嗎?
解析器能拒絕部分格式錯誤並指出位置,但這不是完整的 HTML 驗證器。瀏覽器解析、範本語意及應用行為仍需核對。
為什麼格式化後位元組數變大了?
標籤內空格或引號的變化可能增加 UTF-8 位元組數;文字間空白與 script/style 原文保持不變。位元組數只衡量大小,不證明正確性。
格式化會改變頁面渲染結果嗎?
原有文字間空白與內嵌 script/style 內容會保留,但標籤格式變化不保證呈現完全相同。請在目標環境比較範本。
有什麼限制?
輸入上限 256 KiB,輸出上限 512 KiB。本機 Worker 的啟動和執行各有 5 秒時限;編輯原始碼或按下取消會停止處理。
我的標記會被上傳到別處嗎?
不會。原始碼只在本機 Worker 解析,不執行、上傳或儲存。解析成功不代表應用程式正確或瀏覽器相容。

繼續探索開發者工具

相關任務,而非死胡同。

無需返回完整索引,直接進入另一個專注的工作區。

程式碼轉圖片

Code to Image Converter

把六種語言的程式碼渲染為帶行號與視窗標題的圖片,淺色深色兩種主題,可嵌入自備字型,匯出 SVG 或 1x、2x PNG。

建立

URL Slug 產生器

URL Slug Generator

把標題即時轉為小寫 slug:去除重音、& 變 and、標點折疊為連字號或底線,保留中日文字元,全程本機。

建立

React Native 陰影產生器

React Native Shadow Generator

對照即時預覽調整 iOS 陰影與 Android elevation,支援新架構 boxShadow 模式,複製可用的 StyleSheet 程式碼。

建立

Base64 編碼 / 解碼

Base64 Encoder/Decoder

在本機雙向轉換 Base64,支援 UTF-8、URL-safe 與保留換行選項,解碼即時驗證,互換按鈕一鍵往返檢查。

轉換