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

開發 · 本機工具

JavaScript 格式化

JavaScript Formatter

解析並重新縮排 JavaScript 而不執行它,可選 2 或 4 空格縮排,適合先讀懂不可信程式碼,全程在本機 Worker 完成。

任務路徑 / 從輸入到結果

貼上 JavaScript

本機執行 · 不做任何上傳

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

任務路徑 / 從輸入到結果

如何格式化 JavaScript

  1. 01

    貼上 JavaScript

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

  2. 02

    選擇縮排

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

  3. 03

    格式化而不執行

    按下「格式化」。Prettier 依所選縮排和 100 欄列印寬度解析並重新輸出 JavaScript,但不執行程式碼;請執行自己的測試。

  4. 04

    檢查結果與統計

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

  5. 05

    複製或下載結果

    格式化後的程式碼顯示在唯讀的「格式化後的 JavaScript」面板中,附有輸入、輸出與體積統計。「複製結果」將其放入剪貼簿;「下載」將其儲存為 toolars.js。

工具速覽

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

你的輸入留在瀏覽器裡。

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

本機執行

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

無隱藏處理

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

無需帳戶

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

立即重設

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

JavaScript 格式化 的適用情境

程式碼審查

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

建置產物

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

可直接複製的片段

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

JavaScript 格式化 究竟做什麼

生產環境的堆疊片段得先讀懂才能寫熱修復,而它到達時是一整行。論壇上找到的書籤腳本值得在信任之前檢查一遍,同事的巧妙一行程式碼需要變成團隊能維護的程式碼。JavaScript 格式化 解析並重新縮排原始碼而不執行它,完全在裝置上進行,縮排寬度用你的專案已經在用的。這正是處理不可信程式碼的方式:先讀,絕不運行——除非你之後自己選擇運行。

常見問題

大小限制是多少?
輸入上限 256 KiB,輸出上限 512 KiB。本機 Worker 的啟動和執行各有 5 秒時限;編輯原始碼或按下取消會停止處理。
格式化會執行我的程式碼嗎?
不會。格式化器解析 JavaScript 並統一縮排,不計算運算式,也不呼叫函式。格式化成功後仍需執行專案自身的測試。
為什麼我的程式碼片段被拒絕了?
解析器要求語法上有效的 JavaScript。貼上不完整、括號不配對或混入多餘字元都會中止執行,錯誤訊息會指明行與列;修正語法後再次執行即可。
能選定位字元或其他縮排寬度嗎?
不能。縮排尺寸限定為 2 空格或 4 空格,這是大多數 JavaScript 專案標準化的兩種寬度。其他需求的話,先在這裡格式化,最終慣例交給專案自己的工具(比如編輯器設定)統一。
統計列告訴我什麼?
這裡顯示轉換前後的 UTF-8 位元組數及差值。格式化可能讓檔案變大;這些數字不能證明語法有效或視覺一致。
我的程式碼會被上傳到別處嗎?
不會。原始碼只在本機 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 與保留換行選項,解碼即時驗證,互換按鈕一鍵往返檢查。

轉換