JavaScript / CSS 格式化
整理 JavaScript、CSS 的原始碼
特色
JS、CSS 皆支援的整理
以分頁切換分別整理 JavaScript 與 CSS
4 種縮排寬度可選
支援 2 個空格、4 個空格、Tab、壓縮
可選擇括號樣式
在 JS 中指定起始括號置於同行或換行後
採用 Prettier 穩定可靠
以經典整理函式庫產生穩定的輸出結果
使用方法
選擇語言分頁
切換 JavaScript 或 CSS 分頁以指定對象
貼上程式碼
在輸入欄輸入想整理的原始碼
設定樣式
依喜好選擇縮排寬度與括號樣式
執行整理
按下整理按鈕即顯示結果，可複製、儲存
使用情境
程式碼審查前的整理
將雜亂的程式碼整理成統一樣式，讓審查更順暢
壓縮程式碼的可讀化
展開壓縮過的程式碼以解讀內容
交付程式碼的壓縮
以壓縮選項縮減檔案大小以供發布
學習用範例的謄清
將複製的程式碼整理得易讀，輔助理解
基礎知識
程式碼格式化（Formatting）是什麼
程式碼格式化是指在不改變執行邏輯的情況下，將縮排、換行、括弧位置等外觀統一為一定的規則。當寫法的差異消除後，多人開發時差異比較會更容易閱讀，也能減少程式碼審查的負擔。
Prettier 是什麼
Prettier 是在 JavaScript 和 CSS 格式化領域被全球廣泛使用的格式化工具，其設計理念是透過「將細節的格式問題交由工具決定」來達到統一。
安全性與隱私
瀏覽器內完成
輸入的資料僅在您的瀏覽器內處理，不會傳送到外部。
僅在瀏覽器內處理
程式碼的整理完全在您的瀏覽器內進行，輸入資料不會傳送到伺服器。
通訊透過HTTPS加密
頁面載入也透過TLS加密，第三者無法讀取內容。
不傳送給第三方
輸入內容不會傳送給廣告網路、追蹤器等外部服務。
結果不自動保存
整理結果和輸入建議不會保存在伺服器上。
在 Google 搜尋中追蹤 RAKKOTOOLS
219個實用工具，透過 Google 搜尋、AI 搜尋更容易找到！
- 搜尋中找到
- AI 搜尋也會顯示
- 發現新工具
更新資訊
- update #216
修正部分工具在非日語頁面顯示日語文言的問題
RAKKOTOOLS是完全免費讓您自由使用！
無論個人或法人、商業或非商業用途，都可完全免費使用。無需事先許可或申請。請在各種場景中自由活用。
在直播・影片中使用
可在直播・影片中使用抽籤、抽獎等各種工具。
在學校・工作・活動中使用
可在課堂、分組、公司業務、活動等各種場景中活用。
在Web・書籍・SNS中介紹
可作為實用工具，在Web媒體・書籍・SNS等地自由介紹。
商業用途
調查・計算・處理・轉換等業務或製作等商業目的，也歡迎使用。
如果能被介紹的話，製作工具的動力就會湧現出來！
在直播・影片中使用時
敬請在概要欄等處刊登RAKKOTOOLS的連結，或在直播・影片中標示或說明「使用RAKKOTOOLS」。
可貼到概要欄的版權標示例
使用上的提醒正常使用範圍內可自由使用。但禁止用於違反法律的目的、侵害第三方權利、對服務造成顯著負擔、非法存取及其他妨礙服務運營的行為。
不保證各工具所提供的資訊・計算結果等的正確性・完整性。
本說明為日文原文的翻譯版本。若譯文與原文內容不符，以日文原文為準。