有沒有更簡單的方法來查看從Firefox或Chrome的開發者控制檯的JSON對象？

從Firefox或Chrome的開發者控制檯閱讀json最簡單的方法是什麼？我需要安裝一個插件嗎？或者希望有一個JavaScript函數，可以讓您以更容易閱讀的方式查看json ...有沒有更簡單的方法來查看從Firefox或Chrome的開發者控制檯的JSON對象？

例如，如果我嘗試console.log（data），其中data是json對象，那麼開發人員控制檯將它顯示爲一個大塊字符串，而不是顯示結構，因此很難篩選出我想要的結果。編輯：我對我造成的困惑表示歉意。我剛剛檢查了Chrome，看起來Chrome瀏覽器確實以結構化的方式顯示了JSON。然而在Firefox上它們都混雜在一起。我附上了截圖。我想這個問題是「是否有一種方式可以像Chrome一樣以更結構化的方式顯示它？」，並且從下面我學到了，我猜console.dir（）會處理這個問題。那麼我的最後一個問題是：這是一個有意的行爲嗎？

console.log(data) from Firefox

來源

2012-02-15 Vlad

螢火蟲和Webkits開發工具顯示任何對象，結構化和良好的可讀性。看起來像你試圖輸出一個JSON字符串而不是一個對象。如果多數民衆贊成的情況下，只是解析到一個對象之前

console.log(JSON.parse(data));

，並順便說一下，有很多的console對象上整齊的方法，如console.dir()直接列出了對象屬性/鍵。

來源

2012-02-15 23:51:12 jAndy

對不起，誤導性的問題。它已經是JSON格式。感謝您將我指向console.dir（）。它有點解決了這個問題，但由於某種原因，它只顯示三行，導航非常困難。這是正常的嗎？ – Vlad 2012-02-15 23:57:02

@Vlad：我不認爲我能想象這個問題。從控制檯上傳截圖可能是一個好主意。 – jAndy 2012-02-15 23:58:08

@downvote：請幫助我和這個社區的其他人，讓我們分享你的智慧。 – jAndy 2012-02-15 23:59:37

沒有JSON對象。

有

Javascript對象
JSON數據JavaScript字符串

如果你想在一個易於瀏覽的方式顯示JSON作爲字符串做

var obj = JSON.parse(jsonstring); 
    console.log(obj)

來源

2012-02-15 23:51:37

您使用的是哪個版本的Chrome？當我使用console.log對象時，它會顯示爲可擴展屬性的對象，而不是字符串。（Chrome 16.0.912.77）。在記錄之前解析JSON還是隻記錄JSON字符串？

enter image description here

來源

2012-02-15 23:57:39 Will

啊，我爲造成麻煩致歉。我一直在Firefox上進行編碼，而Firefox似乎以非結構化的方式顯示結果。我剛剛檢查了Chrome瀏覽器，確實如同附加的截圖一樣運行良好。對此我很抱歉。將編輯該問題。 – Vlad 2012-02-16 00:04:49

有沒有更簡單的方法來查看從Firefox或Chrome的開發者控制檯的JSON對象？

回答

相關問題