開發工具 · FREE ONLINE TOOL

HTML/CSS/JS 格式化器

免費線上程式碼格式化器,支援HTML、CSS、JavaScript美化、縮排與排版。可設定縮排空格、複製結果及下載程式碼,所有內容在瀏覽器本地處理。

原始碼在本機格式化,不執行

把原始碼排整齊,保留原文另行核對。

格式化不是壓縮、編譯、執行或完整驗證。結果可能比原文大,Print Width 是排版參考,不是每行強制最大長度;請在實際專案測試後使用。

HTML:整理標籤與屬性,保留敏感內容

例如 <main><h1>你好</h1></main> 可整理成巢狀縮排。使用 Prettier HTML Parser 保留 DOCTYPE、註解及合理空白;採 CSS 空白敏感模式。內嵌 script/style/模板內容保留,不另載入其他語言來重寫;不預覽或執行 HTML。Parser 接受部分寬鬆 HTML,成功不代表通過嚴格 HTML 驗證。

CSS:看清規則、變數與條件

使用 PostCSS Parser 排版一般 selector、CSS Variables、calc()、@media、@supports、@keyframes 及引擎可接受的現代語法。未知或無法解析的語法會提示;並非所有瀏覽器都支援格式化器接受的 CSS,也不保證所有特殊空白語意不變。

JavaScript:使用 Babel 與 Estree 排版

可整理函式、物件、陣列、ES Module、async/await、Template String 與 Optional Chaining,並選擇縮排、引號和分號。沒有 eval、Function、iframe 執行預覽或載入使用者網址;只解析文字,不檢查執行時正確性。本頁不提供重複的 JSON 模式。

格式化與壓縮有什麼不同?

格式化主要增加可讀的縮排與換行;壓縮主要減少體積。修改原文、語言或設定後,舊結果會立即清空並停用複製與下載,原文保留。下載檔名依語言為 formatted.html、formatted.css 或 formatted.js。

輸入上限 512 KiB、輸出上限 4 MiB(UTF-8),Worker 每次最多 8 秒,含引擎載入;可取消或修改來終止。不使用 CDN,固定本機打包引擎依語言延遲載入。首次仍需下載本站檔案,不保證首次離線可用。統計為 UTF-8 bytes、行數與 Unicode 碼點字元數;textarea 換行及輸出均使用 LF,不是字素叢集或傳輸壓縮大小。

Prettier 3.9.10(MIT),包含隨附第三方聲明;版本與完整授權聲明。原始碼與結果僅留本頁記憶體,不寫入 Storage、網址、Console、廣告或 Analytics,也不讀取原始碼中的外部資源。

HOW TO USE

簡單幾步,就完成。

  1. 貼上原始碼並選 HTML、CSS 或 JavaScript,原始碼不會被結果覆寫。
  2. 設定 2/4 空格或 Tab 與參考換行寬度,JS 可選引號與分號,再按格式化。
  3. 成功後核對唯讀結果與實際 UTF-8 統計,複製或下載對應副檔名;修改或取消會使舊結果失效。

生活裡的這些時刻,都用得到

適合閱讀雜亂原始碼、整理前端片段與核對排版。使用本機 Prettier Standalone,並非壓縮、編譯、執行、完整語法或瀏覽器相容性驗證服務。

GOOD TO KNOW

你可能還想知道

格式化會執行 JavaScript 或 HTML 嗎?

不會。固定本機 Worker 只解析與排版文字,沒有 eval、Function、iframe 執行預覽或載入使用者網址。輸入與結果僅放在 textarea。

與壓縮器、JSON 格式化器有何不同?

本工具將 HTML、CSS、JavaScript 排得更可讀,結果可能增加大小。壓縮器側重減少體積,JSON 請使用既有專用工具;本頁不增加重複 JSON 模式。

使用哪些解析器?

Prettier 3.9.10 Standalone 搭配 HTML、PostCSS、Babel 與 Estree 插件,按所選語言延遲載入本站檔案,不使用 CDN 或 Node CLI。HTML 內嵌 script/style 內容保留,不另外重寫。

格式化成功代表程式正確嗎?

不代表。HTML Parser 可接受部分寬鬆語法,格式化不是嚴格 HTML、語意、安全或相容性驗證;特殊 CSS 及空白敏感情境仍須在實際專案核對。

輸入或運算有上限嗎?

輸入最多 512 KiB、輸出最多 4 MiB(UTF-8);每次 Worker 最多 8 秒,含引擎載入。可取消或修改來終止,失敗保留原文,不以截斷結果冒充完成。

程式碼會上傳或保存嗎?

不會上傳或寫入 Storage、網址、Console、廣告或 Analytics。第一次使用仍需下載本站固定引擎與所需插件;不讀取原始碼中的外部 URL,也不保證首次離線可用。