代碼格式化器在瀏覽器中使用的擴(kuò)展工具，這款工具支持CSS、JSON 和 JavaScript 語法高亮功能，界面簡潔，易于上手，歡迎需要的朋友下載使用。

介紹

該擴(kuò)展程序經(jīng)過精心設(shè)計(jì)，簡潔高效，可增強(qiáng) CSS、JSON 和 JavaScript 的可讀性和美觀性，而不會帶來不必要的復(fù)雜性。

功能

語法高亮： 先進(jìn)的 CSS、JSON 和 JavaScript 語法高亮功能。輕松識別并理解代碼結(jié)構(gòu)。
可讀代碼格式： 自動(dòng)美化 CSS、JSON 和 JavaScript，以清晰易讀的格式呈現(xiàn)。
輕松管理代碼： 一鍵下載或復(fù)制格式化代碼，享受極致便利。
可折疊代碼部分： 利用可折疊部分簡化代碼導(dǎo)航。專注于代碼的相關(guān)部分，減少雜亂，提高整體可讀性。
行號： 通過集成的行號，輕松跟蹤代碼。
自動(dòng)檢測頁面上的代碼： 無需手動(dòng)指定文件擴(kuò)展名或切換設(shè)置。無論 URL 的擴(kuò)展名是什么，Code Formatter 都能直觀地檢測到任何網(wǎng)頁上的 CSS、JSON 和 JavaScript 內(nèi)容。
低足跡： 我們相信輕量級解決方案。Code Formatter 的編譯大小極小，確保瀏覽器的性能不受影響，同時(shí)還能提高代碼的可讀性。

插件安裝

方法一：.crx文件格式插件安裝

1.首先用戶點(diǎn)擊谷歌瀏覽器右上角的自定義及控制按鈕，在下拉框中選擇設(shè)置。

2.在打開的谷歌瀏覽器的擴(kuò)展管理器最左側(cè)選擇擴(kuò)展程序或直接輸入：chrome://extensions/

3.找到自己已經(jīng)下載好的Chrome離線安裝文件xxx.crx，然后將其從資源管理器中拖動(dòng)到Chrome的擴(kuò)展管理界面中，這時(shí)候用戶會發(fā)現(xiàn)在擴(kuò)展管理器的中央部分中會多出一個(gè)”拖動(dòng)以安裝“的插件按鈕。

4.松開鼠標(biāo)就可以把當(dāng)前正在拖動(dòng)的插件安裝到谷歌瀏覽器中去，但是谷歌考慮用戶的安全隱私，在用戶松開鼠標(biāo)后還會給予用戶一個(gè)確認(rèn)安裝的提示。

5.用戶這時(shí)候只需要點(diǎn)擊添加按鈕就可以把該離線Chrome插件安裝到谷歌瀏覽器中去，安裝成功以后該插件會立即顯示在瀏覽器右上角（如果有插件按鈕的話），如果沒有插件按鈕的話，用戶還可以通過Chrome擴(kuò)展管理器找到已經(jīng)安裝的插件。

方法二：文件夾格式插件安裝

1.首先用戶點(diǎn)擊谷歌瀏覽器右上角的自定義及控制按鈕，在下拉框中選擇設(shè)置。

2.在打開的谷歌瀏覽器的擴(kuò)展管理器最左側(cè)選擇擴(kuò)展程序。

3.勾選開發(fā)者模式，點(diǎn)擊加載已解壓的擴(kuò)展程序，將文件夾選擇即可安裝插件。

如果你在安裝過程中出現(xiàn)下圖中的錯(cuò)誤程序包無效 CRX_HEADER_INVALID

可以參考：超詳細(xì)的Chrome 瀏覽器/瀏覽器插件安裝教程(全方法) 一文解決