瀏覽器json格式化插件 yformater

本人最近作的工做就是寫interface,幾個前端寫前端,他們須要什麼樣的數據格式,我就得返回這樣的數據格式。這就致使每個接口都得檢查json格式是不是他們所須要的。但瀏覽器直接請求的json格式很亂,不方便檢查。因而就在網上查找瀏覽器格式化的方法。結果還真有,下面我就具體說說。前端

插件下載方法:web

1、谷歌瀏覽器應用商店下載。chrome

       地址:https://chrome.google.com/webstore/search/yformater?hl=zh-CNjson

       可是這種方法有個侷限性,就是沒有牆的兄弟姐妹安裝不了。api

2、直接下載瀏覽器

       https://www.crx4chrome.com/extensions/eaomiplfdajdfecncbllnmgbdccdblkf/數據結構

 

       這種就須要下載到本地,而後在添加了。編輯器

yformater是一款chrome瀏覽器插件,用來格式化(高亮)服務端接口返回的json數據(後經測,360瀏覽器也能夠哦)。google

若是直接使用chrome瀏覽器訪問api,咱們看到的數據是這樣的:spa

這樣的數據是否是咱們根本就沒有辦法分析,語法不知道錯沒有錯,字段和值也難分辨對不對了,那麼咱們用yformater會是怎麼樣的呢?

如圖:

如今是否是很清楚了?

 

 

 

好了仍是說說用法吧,這纔是實用的東西

 

一、最基本的格式化 

 

 

 

 

二、可摺疊的json格式化

 

 

 

 

三、字符串手動選中,固然如今不少都有這個功能

 

 單擊字符串,自動選中整個字符串,一鍵選中,擺脫手動拖放選中。

 

 

 

四、訪問相對路徑連接

 

直接選中相對鏈接,右鍵訪問,快捷訪問相對資源,不再用手動構造拼接相對連接。

 

 

 

五、複製帶格式的json字符串

快捷複製格式化以後的json字符串到剪切板,粘貼到其餘編輯器中,自動帶有縮進

 

 

六、括號配對

點擊括號,對應的括號就會相應的高亮顯示,便於分析數據結構是否正確。

 

 

 

七、主題切換

 

你不喜歡黑色,還有三種呢!

 

 

 若是你是寫web程序的,更是寫接口的,不用猶豫,如今就安裝,絕對有好處!

 

有錯或者不全請你們留言指正,在下感激涕零!

相關文章
相關標籤/搜索