準備:用js來寫、頁面操作元素就用jquery、頁面排版就用bootstrap。
1 對於單純格式化json的話,只需要:
var jsonchar = ',"key4":}';var jsonobj =json.parse(jsonchar);
var jsonfmt = json.stringify(jsonobj, null, 4);
這時候,jsonfmt就是格式化好的json文字了,直接展示就可以了。
2 往往由於日常工作中的json文字會很長,有時候我們是需要把一些物件給摺疊起來。
那我們嘗試把json的縮排用 ul和li代替,這樣可以很方便些js把ul裡的li給隱藏也就是摺疊了,同時縮排的展示也可以利用 ul和li。
如上示例的json用ul和li代替
}"key4":
}
摺疊的js,思路如下:
$("li:has(ul)").click(function (event) );
3 格式化之後的json,按key. value 做顏色的區分,再或者把value的不同型別做區分,可以很方便查閱
思路:遍歷格式化後的json文字,遍歷到每一行的時候,用冒號:分開兩組,則可以把key. value做顏色區分。 再把冒號後的value 做判斷,也能判斷出value的型別。
遍歷json的每一行。
$.each(temparr,function (index,obj) );
如此,再遍歷每行json的時候,就可以給json的文字賦值class等的操作。
jsonViewer json格式化工具
以前一直以來都覺得xml個可讀性要比json的可讀性好,後來使用了json viewer這個小工具之後,發現自己錯了。之前認為json的可讀性差,完全是因為沒有很好的檢視工具。json viewer這個小工具可以很方便的檢視json資料。點選format可以方便的將凌亂的json格式化。如果json...
推薦乙個小而美的 Python 格式化工具
可讀性是評判 質量的標準之一,有乙個衡量 質量的標準是 martin 提出的 wft 定律,即每分鐘爆出 wtf 的次數。你在讀別人 或者做 code review 的時候有沒有 wtf 衝動呢?為了幫助開發者統一 風格,python 社群提出了 pep8 編碼風格,它並沒有強制要求大家必須遵循,p...
作為格式化工具 寫部落格必備神器 工具推薦
完成了部落格的搭建之後,接下來就是是內容創作了。而創作的過程中,我們又會有一系列的問題,比如 要解決這些問題其實並不難,無非就是引入不同的工具來幫助我們,好的工具可以讓我們的創作事半功倍!推薦理由 作為一款免費編輯器,可以說是相當的良心,是我目前所知道的最好用的免費編輯器了,沒有之一!它支援多個主流...