Chrome 商店：地址
下載地址：地址
Github：https://github.com/lecepin/lp-json-view

---

查看/格式化 二合一。

功能

• 自動(dòng)識(shí)別 JSON 內(nèi)容，并在頁(yè)面右下角創(chuàng)建切換按鈕。
• 支持展開(kāi)/折疊節(jié)點(diǎn)。
• 支持全部展開(kāi)、全部折疊、展開(kāi)一二三層節(jié)點(diǎn)操作。
• 支持復(fù)制節(jié)點(diǎn)信息（Array/Object 節(jié)點(diǎn)復(fù)制內(nèi)容自動(dòng)格式化）。
• 復(fù)制文本節(jié)點(diǎn)值 不會(huì)添加引號(hào)。
• 自動(dòng)識(shí)別超鏈接，可點(diǎn)擊。
• 支持在當(dāng)前頁(yè)面，原始內(nèi)容和格式化內(nèi)容隨意切換。
• 對(duì)于復(fù)制的JSON文本，可點(diǎn)擊插件打開(kāi)新的編輯解頁(yè)面，縮短使用鏈路。

自動(dòng)識(shí)別JSON內(nèi)容，右下角出現(xiàn)切換按鈕

為了保證第一眼看到的是原始內(nèi)容，所以這里不會(huì)自動(dòng)用JSON格式視圖顯示，用戶可以在右下角切換：

“JSON數(shù)據(jù)”視圖默認(rèn)展開(kāi)所有節(jié)點(diǎn)：

節(jié)點(diǎn)可折疊、可復(fù)制、可點(diǎn)擊鏈接

可操作整體節(jié)點(diǎn)的展開(kāi)狀態(tài)

復(fù)制原始內(nèi)容時(shí)，不會(huì)被選中

支持非頁(yè)面JSON格式化操作

很多時(shí)候，我們?cè)谡{(diào)試接口參數(shù)時(shí)，可能需要對(duì)這些字符串格式化：

Lp Json-view插件 內(nèi)置格式化頁(yè)面：

注意

建議固定擴(kuò)展程序，方便點(diǎn)擊操作

建議禁用或刪除所有相關(guān)插件

防止多個(gè)類JSON-View插件相互干擾，建議禁用或刪除所有相關(guān)插件，只保留這一個(gè)。通過(guò)瀏覽器訪問(wèn)chrome://extensions 查看操作：

背景

作為開(kāi)發(fā)同學(xué)，與JSON內(nèi)容打交道是必不可少的，例如給你一個(gè)JSON接口，或者給你一段JSON字符串，你要更方便的看內(nèi)容結(jié)構(gòu)，就需要用的格式化工具。
在Chrome的商店搜索了類似的工具，進(jìn)行了使用，包括：

其中這幾款加起來(lái)的用戶量近200萬(wàn)，但仍然滿足不了一些需求，如：

• Raw/JSON視圖的任意切換
• 節(jié)點(diǎn)的復(fù)制
• 節(jié)點(diǎn)的批量折疊
• 節(jié)點(diǎn)的類型識(shí)別
• 以及沒(méi)有對(duì)非頁(yè)面內(nèi)容的JSON解析

以上訴求為出發(fā)點(diǎn)，做了這款插件。
可視化部分rjv組件滿足大部分需求，但也有一些功能無(wú)法滿足，所以對(duì)rjv進(jìn)行了二次開(kāi)發(fā)，滿足了所有需求點(diǎn)。

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的「浏览器插件」非常好用的JSON-View的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。