blocks|key|1123399|text|要在最新版本的Chrome中查看树视图，请执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1123400|导航到开发人员工具>网络>给定的响应>预览|1123401|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

To see a tree view in recent versions of Chrome:

Navigate to Developer Tools > Network > the given response > Preview

blocks|key|908329|text|谷歌浏览器现在支持这一点(Developer+Tools+>+Network+>+[XHR+item+in+list]+Preview)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|908330|此外，您还可以使用第三方工具来格式化json内容。Here提供树状视图，而here则只是格式化文本(并进行验证)。|908331|entityMap|0|LINK|mutability|MUTABLE|url|http://jsonviewer.stack.hu/|1|http://www.jsonlint.com/^0|D|1I|0|P|4|0|11|4|1|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@]|D|@$9|V|A|W|1|X]|$9|Y|A|Z|1|10]]|E|$]]|$1|H|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]|P|$5|K|L|M|E|$N|Q]]]]

Google Chrome now supports this (<code>Developer Tools &gt; Network &gt; [XHR item in list] Preview</code>). 

In addition, you can use a third party tool to format the json content. <a href="http://jsonviewer.stack.hu/" rel="noreferrer">Here</a>'s one that presents a tree view, and <a href="http://www.jsonlint.com/" rel="noreferrer">here</a>'s another that merely formats the text (and does validation).

blocks|key|908248|text|JSON数据的正确内容类型是application/json。我想这就是你所遗漏的。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|908249|entityMap^0|E|G|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

The correct content-type for JSON data is <code>application/json</code>. I assume that is what you are missing.

blocks|key|1123622|text|你可以使用Google+Chrome扩展：JSONView所有格式化的json结果将直接显示在浏览器上。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1123623|entityMap^0|L|8|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

You can use Google Chrome Extension: <code>JSONView</code>
All formatted json result will be displayed directly on the browser.

blocks|key|908424|text|我找到了答案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|908425|您必须这样编码您的json：{"c":21001,"m":"p"}，而不是{c:21001,m:"p"}或{'c':21001,'m':'p'}|offset|length|style|CODE|908426|因此，dict的关键字必须用双引号括起来："，然后chrome会将其预览为json而不是纯文本。|908427|entityMap^0|0|E|J|11|F|1H|J|0|L|1|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@$D|N|E|O|F|G]|$D|P|E|Q|F|G]|$D|R|E|S|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|T|8|@$D|U|E|V|F|G]]|9|@]|A|$]]|$1|J|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|K|$]]

I've found the answer:

You MUST encode your json like this: <code>{"c":21001,"m":"p"}</code> but not <code>{c:21001,m:"p"}</code> or <code>{'c':21001,'m':'p'}</code>

Thus, the key of a dict must be wrapped in double quotes:<code>"</code>, then chrome will preview it as json rather than plain text.

blocks|key|1123498|text|为了让它正确地显示JSON消息，它必须具有"application/json“mime类型，并且结构正确。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1123499|您可以检查结构here|offset|length|1123500|entityMap|0|LINK|mutability|MUTABLE|url|http://jsonlint.com/^0|0|7|4|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

In order for it to display the JSON message properly it has to have the "application/json" mime type and to be correctly structured.

You can check the structure <a href="http://jsonlint.com/" rel="nofollow">here</a>

blocks|key|1123558|text|Google+Chrome+Dev+build+24.0.1312.5的内部版本存在一个问题，导致预览面板不再显示json对象树，而是显示平面文本。它应该在下一次开发中得到修复|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1123559|点击此处查看更多信息：http://code.google.com/p/chromium/issues/detail?id=160733|offset|length|1123560|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/p/chromium/issues/detail?id=160733^0|0|B|1L|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

There was an issue with a build of Google Chrome Dev build 24.0.1312.5 that caused the preview panel to no longer display a json object tree but rather flat text. It should be fixed in the next dev

See more here: <a href="http://code.google.com/p/chromium/issues/detail?id=160733" rel="nofollow">http://code.google.com/p/chromium/issues/detail?id=160733</a>

blocks|key|908279|text|我不认为Chrome开发者工具能很好地打印XHR内容。请参阅：Viewing+HTML+response+from+Ajax+call+through+Chrome+Developer+tools?|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|908280|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/3181287/viewing-html-response-from-ajax-call-through-chrome-developer-tools^0|V|1W|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

I don't think the Chrome Developer tools pretty print XHR content. See:
<a href="https://stackoverflow.com/questions/3181287/viewing-html-response-from-ajax-call-through-chrome-developer-tools">Viewing HTML response from Ajax call through Chrome Developer tools?</a>

blocks|key|1123732|text|如何获取树视图|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1123733|请参阅下面的GIF中的分步说明。(我在Chrome中记录的-铬应该不会有太大的不同。)|1123734|单击链接进行放大并跟随|1123735|​|1123736|📷|atomic|offset|length|1123737|1123738|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/e0163ddbe8afec39b58ac04af4be4bb4.gif|imageAlt^0|0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|Z|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|10|8|@]|9|@$K|11|L|12|1|13]]|A|$]]|$1|M|3|G|5|6|7|14|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|O|$P|$5|Q|R|S|A|$T|U|V|-4]]]]

<h3>How to get Tree-view</h3>
See step by step instructions on how to do this in the below GIF. (I recorded in Chrome - chromium shouldn't be too different.)
Click on the link to enlarge and follow along
<a href="https://i.stack.imgur.com/m0SPV.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/m0SPV.gif" alt="How to get the tree view of the response in chrome" /></a>

I cannot find an answer to this one:
My AJAX calls return JSON data. In Google Chrome Developer Tools &gt; Resources &gt; XHR when I click on the resource on the left and then on the Content tab I see the JSON string as a string and not as a tree as Firebug and Firebug Lite do.
How do I force Chrome to display it as a tree. Is there a Content-type that my PHP file must have???

Google Chrome display JSON AJAX response as tree and not as a plain text

JSON

我找不到这个问题的答案：我的AJAX调用返回JSON数据。在Google Chrome Developer Tools > Resources > XHR中，当我单击左侧的资源，然后单击Content选项卡时，我看到JSON字符串是一个字符串，而不是像Firebug和Firebug Lite那样是一个树。如何强制Chrome将其显示为树。我的PHP文件是否必须有内容类型？

问Google Chrome将JSON AJAX响应显示为树，而不是纯文本
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Google Chrome将JSON AJAX响应显示为树，而不是纯文本EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Google Chrome将JSON AJAX响应显示为树，而不是纯文本
EN