JSON Viewer是一個(gè)用于打印 JSON 和 JSONP 的 Chrome 擴(kuò)展插件，這款工具可以幫助用戶在瀏覽器中對(duì)json或jsonp的數(shù)據(jù)進(jìn)行格式化，支持熒光高亮，方便用戶閱讀數(shù)據(jù)內(nèi)容，可以讓你在同一個(gè)窗口中對(duì)多個(gè)json文檔進(jìn)行格式化，歡迎需要此插件的朋友前來(lái)下載使用。

筆記：

* 此擴(kuò)展可能會(huì)與其他 JSON 熒光筆/格式化程序崩潰，您可能需要禁用它們

* 要突出顯示本地文件和隱身標(biāo)簽，您必須在擴(kuò)展頁(yè)面上手動(dòng)啟用這些選項(xiàng)

* 有時(shí)，當(dāng)插件更新 chrome 時(shí)，舊的后臺(tái)進(jìn)程會(huì)繼續(xù)運(yùn)行并撤銷(xiāo)一些選項(xiàng)，例如訪問(wèn)本地文件。發(fā)生這種情況時(shí)，只需重新檢查一切將再次正常工作的選項(xiàng)

* 適用于本地文件（如果您在 chrome://extensions 中啟用此功能）

特征

* 語(yǔ)法高亮

* 27 個(gè)內(nèi)置主題

* 可折疊節(jié)點(diǎn)

* 可點(diǎn)擊的網(wǎng)址（可選）

* URL 無(wú)關(guān)緊要（分析內(nèi)容以確定其是否為 JSON）

* 檢查您在控制臺(tái)中輸入“json”的 json

* 熱門(mén)詞 `json-viewer` 進(jìn)入多功能框（鍵入 `json-viewer` + TAB 并將您的 JSON 粘貼到多功能框，按 ENTER 鍵，它將突出顯示）

*切換按鈕查看原始/突出顯示的版本

* 適用于大于 Number.MAX_VALUE 的數(shù)字

* 顯示行號(hào)的選項(xiàng)

* 自定義主題的選項(xiàng)

* 自定義標(biāo)簽大小的選項(xiàng)

* 配置最大 JSON 大小以突出顯示的選項(xiàng)

*從第二級(jí)折疊節(jié)點(diǎn)的選項(xiàng)+按鈕展開(kāi)所有折疊的節(jié)點(diǎn)

* 包含帶有時(shí)間戳 + url 的標(biāo)頭的選項(xiàng)

* 允許版本加載的 JSON 的選項(xiàng)

* 按鍵排序 json 的選項(xiàng)

* C 樣式大括號(hào)和數(shù)組的選項(xiàng)

* Scratch pad，一個(gè)新區(qū)域，您可以使用按鈕或快捷鍵無(wú)限期地鍵入/粘貼 JSON 和格式化。訪問(wèn)類(lèi)型 `json-viewer` + `TAB` + `scratch pad` ENTER

這個(gè)插件是開(kāi)源的

https://github.com/tulios

插件安裝方法

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

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

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

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

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

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

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

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

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

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

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

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