1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 網頁設計
  6. »
  7. Chrome外掛-JSON Formatter讓JSON格式以樹狀呈現,不再像天書一樣密密碼碼的

Chrome外掛-JSON Formatter讓JSON格式以樹狀呈現,不再像天書一樣密密碼碼的

2017/12/27

梅問題-Chrome外掛-JSON Formatter讓json格式以樹狀結構呈現,不再像天書一樣密密碼碼的

  由於最近在原形駭客的網站中,看到一篇相當有意思的文章,就是將WordPress以json的方式進行串接,說真的梅干用了這麼久的WordPress,還真不知道,原來WordPress有提這樣的功能,透過這個json格式,就可自行的取得所需的資料,而什麼是json,其實它就與xml有點雷同,打開json的檔案,就會看到一堆密密碼碼的文字,就跟天書一樣,其實這是因為json本來就是文字檔,所以需要透過程式來進行解析後,才能將畫面給呈現出來。


  雖然說透過程式來進行解析沒問題,但光是看到那密密碼碼的文字,完全沒有一個結構性,當要解析就像瞎子摸象一樣,因此梅干花了點時間,找到一隻Chrome瀏覽器的外掛,可針json格式進行格式化,並以樹狀結構進行呈現,透過樹狀結構,就更容易了解整個json資料的關聯性,當透過程式進行解析時,就更若的容易啦!因此有需要的朋友,現在也一塊來看看這隻外掛吧!


JSON Formatter


Step1

當進入外掛頁面後,點一下「加到CHROME」鈕後,再按「新增擴充功能」鈕。
梅問題-Chrome外掛-JSON Formatter讓json格式以樹狀結構呈現,不再像天書一樣密密碼碼的


Step2

當安裝完畢後,在網址列後方,就會看到一個圓形的圖示,當瀏覽json檔時,在畫面的右上角,就會看到二個按鈕,RAW表示是原始檔,可看到原始就像天書一樣,密密碼碼的。
梅問題-Chrome外掛-JSON Formatter讓json格式以樹狀結構呈現,不再像天書一樣密密碼碼的


Step3

當切換到「Parsed」模式後,立即原來的JSON就變成井然有序的樹狀桔構啦!透過這樣就更容易閱讀啦!
梅問題-Chrome外掛-JSON Formatter讓json格式以樹狀結構呈現,不再像天書一樣密密碼碼的