JavaScript / CSS 格式化
整理 JavaScript、CSS 的原始碼
特色
JS、CSS 皆支援的整理
以分頁切換分別整理 JavaScript 與 CSS
4 種縮排寬度可選
支援 2 個空格、4 個空格、Tab、壓縮
可選擇括號樣式
在 JS 中指定起始括號置於同行或換行後
採用 Prettier 穩定可靠
以經典整理函式庫產生穩定的輸出結果
使用方法
1
選擇語言分頁
切換 JavaScript 或 CSS 分頁以指定對象
2
貼上程式碼
在輸入欄輸入想整理的原始碼
3
設定樣式
依喜好選擇縮排寬度與括號樣式
4
執行整理
按下整理按鈕即顯示結果，可複製、儲存
使用情境
程式碼審查前的整理
將雜亂的程式碼整理成統一樣式，讓審查更順暢
壓縮程式碼的可讀化
展開壓縮過的程式碼以解讀內容
交付程式碼的壓縮
以壓縮選項縮減檔案大小以供發布
學習用範例的謄清
將複製的程式碼整理得易讀，輔助理解
基礎知識
程式碼格式化（Formatting）是什麼
程式碼格式化是指在不改變執行邏輯的情況下，將縮排、換行、括弧位置等外觀統一為一定的規則。當寫法的差異消除後，多人開發時差異比較會更容易閱讀，也能減少程式碼審查的負擔。
Prettier 是什麼
Prettier 是在 JavaScript 和 CSS 格式化領域被全球廣泛使用的格式化工具，其設計理念是透過「將細節的格式問題交由工具決定」來達到統一。
安全性與隱私
瀏覽器內完成
輸入的資料僅在您的瀏覽器內處理，不會傳送到外部。
僅在瀏覽器內處理
程式碼的整理完全在您的瀏覽器內進行，輸入資料不會傳送到伺服器。
通訊透過HTTPS加密
頁面載入也透過TLS加密，第三者無法讀取內容。
不傳送給第三方
輸入內容不會傳送給廣告網路、追蹤器等外部服務。
結果不自動保存
整理結果和輸入建議不會保存在伺服器上。
在 Google 搜尋中追蹤 RAKKOTOOLS
175個實用工具，透過 Google 搜尋、AI 搜尋更容易找到！
- 搜尋中找到
- AI 搜尋也會顯示
- 發現新工具
更新資訊
- update #216
修正部分工具在非日語頁面顯示日語文言的問題