谷歌瀏覽器Chrome提供了強大的開發者工具,使得調試JSON變得非常方便。下面將介紹如何在Chrome中調試JSON。
?1. 打開Chrome開發者工具
<script>console.log('Hello, World!');</script>?
2. 將JSON數據格式化顯示
<script>var data = { foo: 'bar' }; console.log(JSON.stringify(data));</script>?
3. 利用Console輸出JSON
<script>var data = { foo: 'bar' }; console.log(data);</script>?
4. 使用Network面板查看JSON數據
<script src='data.json'></script>?
5. 使用XHR得到JSON數據
<script>var xhr = new XMLHttpRequest(); xhr.open('GET', 'data.json', true); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { console.log(JSON.parse(xhr.responseText)); } }; xhr.send();</script>?
以上是在Chrome中調試JSON的幾種方法,開發者可以根據具體情況選擇使用哪一種。Chrome的開發者工具非常強大,可以幫助開發者大大提高開發效率。