免費註冊

JS 格式化

貼上壓縮過或排版混亂的 JavaScript，每條語句一行，程式碼塊層層縮排。

關於JS 格式化

JS 格式化把擠成一團的程式碼整理成能讀下去的樣子：除錯壓縮過的第三方庫，看外掛往頁面裡插了什麼指令碼，整理從論壇、聊天記錄裡複製來的程式碼，或者在網站上加統計、廣告程式碼之前，先看看它到底做了什麼。把程式碼貼進來或開啟 .js 檔案，格式化結果隨輸入實時出現。

每條語句單獨一行，程式碼塊和物件按層級縮排，縮排可選 2 空格、4 空格或 Tab。工具能識別字串、模板字串、正規表示式和註釋，裡面的大括號、斜槓不會把排版帶亂。你的分號保持原樣，不會多加，也不會刪掉。被壓縮成 a、b、c 的變數名沒法還原，格式化只能恢復排版。需要重新壓縮時，用 JS 壓縮。程式碼只在瀏覽器裡處理，不會上傳。

JS 格式化怎麼用

  1. 1
    貼上程式碼

    貼上 JavaScript，或開啟本地 .js 檔案。

  2. 2
    選縮排

    選 2 空格、4 空格或 Tab，JS 格式化結果實時更新。

  3. 3
    複製或下載

    複製格式化後的程式碼，或下載成檔案。

為什麼用熊仔工匠

  • 按語法識別

    字串、模板字串、正則、註釋都能認出來，不靠猜。

  • 一句一行

    語句拆到各自的行上，程式碼塊和物件按層級縮排。

  • 分號不動

    寫不寫分號，都保持你原來的風格。

  • 不上傳

    在瀏覽器裡執行，程式碼不傳送、不儲存。

常見問題

JS 格式化常見問題

壓縮過的 JS 怎麼還原？
貼上壓縮的程式碼或開啟 .js 檔案，選好縮排，語句就會分行顯示，程式碼塊按層級縮排，複製或下載即可。壓縮過的 CSS 也能用CSS 格式化這樣展開。
JS 格式化能還原變數名嗎？
不能。構建工具把變數改成 a、b、c 之後，原來的名字已經不在檔案裡了，格式化只能恢復排版。
格式化會增刪分號嗎？
不會。只調整空格、換行和縮排，分號保持原樣，不寫分號的程式碼也照樣保留原來的寫法。
正則和模板字串會被弄亂嗎？
不會。字串、模板字串、正規表示式和註釋都能識別，裡面的大括號、引號、斜槓不會被當成程式碼。
JS 程式碼會上傳嗎？
不會。格式化在瀏覽器裡完成，不用註冊，不佔每日次數，頁面載入後斷網也能用。
把JS 格式化分享給朋友開啟瀏覽器就能用，對方不註冊也能先試。

相關工具

HTML HTML 格式化把雜亂的 HTML 按層級縮排，一目瞭然。
HEX 色碼轉換顏色在 HEX、RGB、HSL、CMYK 之間互轉，並檢查對比度。
CRON Cron 表示式生成與解析生成 Cron 表示式，用大白話說明含義並列出接下來的執行時間。
CSS CSS 格式化把壓縮過的 CSS 還原成整齊易讀的樣式。
CSS CSS 壓縮壓縮 CSS，讓網頁載入更快。
HTML HTML 壓縮去掉註釋和多餘空白，壓縮 HTML。
HTTP 線上 HTTP 請求測試向公開的介面傳送 GET、POST 等請求，檢視返回結果。
JS JS 壓縮去掉 JavaScript 的註釋和空白，不改變執行結果。