程式碼格式化與美化工具
貼上程式碼或開啟檔案，按下「格式化」，馬上得到整齊的程式碼。語言自動偵測，支援 JavaScript、TypeScript、CSS、HTML、JSON、XML、SQL、YAML、Markdown 與 GraphQL，全部在瀏覽器內完成。
所有處理都在瀏覽器中進行 — 你的程式碼不會上傳到任何伺服器。
行寬適用於 JavaScript、TypeScript、CSS、SCSS、LESS、HTML、YAML、Markdown 與 GraphQL。格式化不會檢查邏輯、型別或程式碼風格規則。
輸入程式碼後會立即偵測語言。
將程式碼檔案拖曳到這裡（上限 5 MB），或直接貼上、載入範例。按 Ctrl+Enter 即可格式化。
在瀏覽器中格式化並美化程式碼
從壓縮過的打包檔、日誌、聊天訊息或舊專案複製出來的程式碼，讀起來吃力，審查起來更累。這個程式碼格式化工具只要點一下，就能把它還原成縮排一致、整整齊齊的文字。貼上程式碼，按下「格式化」（或 Ctrl+Enter），結果就會出現在原文旁邊，兩側都有行號，方便你一眼對照。
工具支援開發者最常碰到的格式：含 JSX 的 JavaScript、含 TSX 的 TypeScript、CSS、SCSS 與 LESS、內嵌指令碼與樣式的 HTML、JSON、XML、涵蓋十三種方言的 SQL、YAML、Markdown 以及 GraphQL。預設會自動偵測語言：開啟檔案時看檔名，貼上文字時看內容本身。如果文字可能屬於好幾種語言，工具會直接告訴你，並列出可能的選項，而不是默默選錯解析器。
排版風格由你決定。對於使用 Prettier 格式化的語言，可以選擇 2 個空格、4 個空格或 Tab 縮排，以及 80、100 或 120 個字元的行寬。處理 SQL 時可以指定方言，例如 PostgreSQL、MySQL、SQL Server 或 BigQuery。JSON 另有「壓縮」按鈕，會移除所有空白，同時不更動數字、字串與鍵的順序。設定會記在瀏覽器裡；如果想一邊輸入一邊看結果，可以開啟自動格式化。
出問題時，訊息簡短而精確：語言、解析器預期看到什麼，以及行號與欄號。你的輸入不會被覆蓋，還有一個按鈕可以直接把游標移到出錯的位置。「復原」按鈕能找回你誤清除或誤取代的內容。結果可以依對應語言的副檔名下載，也可以在文字差異比對工具中並排開啟兩個版本，清楚看出到底改了什麼。
一切都在你的裝置上完成。體積較大的格式化引擎只會在你實際格式化某種語言時才下載，並在背景 Worker 中執行，所以大型檔案不會讓頁面卡住。也請留意它的限制：最大可開啟 5 MB 的檔案，超過 30 萬字元的輸入可能需要幾秒鐘，超過 200 萬字元則會被拒絕。格式化不是 lint 工具，也不是編譯器，找不出邏輯錯誤，少數冷門的語法特性也可能無法辨識。
常見問題
我的程式碼會被上傳到哪裡嗎？
不會。程式碼是由在瀏覽器背景執行緒中運作的函式庫完成格式化，不會傳送任何資料到伺服器。這個瀏覽器的本機儲存空間只會留下你的設定與一份選用的草稿，你隨時都能清空輸入框。
格式化會改變程式的功能嗎？
格式化只調整排版：縮排、換行與空格。它也可能統一引號、增減可省略的括號、整理分號的寫法，但程式的意義不會改變。它不會檢查邏輯、型別或 lint 規則，所以輸入正確的程式碼，輸出依然正確；有錯誤的程式碼，錯誤也會原封不動留著。
語言是怎麼偵測的？
如果你開啟的是檔案，就以副檔名為準。否則工具會分析文字本身：標籤、大括號、關鍵字和常見的標點特徵。遇到兩種語言很相近的情況，例如 CSS 與 SCSS、JavaScript 與 TypeScript，它會請你自己確認，而不是隨便猜一個。你也可以隨時在「語言」清單中手動指定。
程式碼有語法錯誤會怎麼樣？
輸出區維持空白，輸入內容完全不動，同時會顯示附有行號與欄號的簡短訊息。按下「在輸入框中定位」就能跳到出錯的位置，修正後再按一次「格式化」即可。
這裡可以壓縮程式碼嗎？
只支援 JSON，因為移除空白對 JSON 來說一定是安全的。要正確壓縮 JavaScript 或 CSS，需要專門的壓縮工具：重新命名變數、合併規則都可能改變執行行為，所以本工具不處理這類需求。若想進一步檢查 SQL 語法，請使用 SQL 格式化與驗證工具。