Chrome 的开发工具是不是有类似 Firebug 的 JSON 浏览器?

Posted

技术标签:

【中文标题】Chrome 的开发工具是不是有类似 Firebug 的 JSON 浏览器?【英文标题】:Does Chrome's Dev Tools have a JSON explorer like Firebug's?Chrome 的开发工具是否有类似 Firebug 的 JSON 浏览器? 【发布时间】:2010-11-06 13:43:04 【问题描述】:

在 Firebug 中,您可以

查看格式为可扩展项目树的 JSON 并使用 Firebug 的 Dom 选项卡探索它们。 该视图在“网络”面板中可用,并显示为 扩展 JSON 请求。

如本截图所示:

我正在尝试切换到 Chrome,但在开发工具中找不到此功能。

Chrome 的开发工具是否提供类似的功能(假设您没有使用 Firebug Lite 等任何其他扩展程序)?

【问题讨论】:

相关/重复: ***.com/questions/3888454/… 【参考方案1】:

你可以使用:

inspect(myObject);

在 Chrome 控制台中获取类似于 Firebug 中的 DOM 选项卡为您提供的内联对象检查器。在您的情况下,您可以对您分配 JSON 结果的任何对象执行此操作。

【讨论】:

【参考方案2】:

据我所知 Chrome 没有这个功能。

如果您不知道,Chrome 版 Firebug Lite 支持此功能(仅适用于 XHR 请求),因此您可以使用 Chrome 开发工具和 Firebug Lite 来检查 JSON 响应。请参阅此博客文章:

http://blog.getfirebug.com/2010/09/09/firebug-lite-1-3-1/

免责声明:我在 Firebug 工作组工作

【讨论】:

【参考方案3】:

Chrome 12 (12.0.742.6) 将具备此功能!

您今天已经可以download the beta of 12。

https://bugs.webkit.org/show_bug.cgi?id=20628#c4

【讨论】:

以上是关于Chrome 的开发工具是不是有类似 Firebug 的 JSON 浏览器?的主要内容,如果未能解决你的问题,请参考以下文章

chrome有类似搜狗网页消息盒子功能的插件吗?

chrome调试hove等类似事件

puppeteer快速调试

Chrome 开发者工具中是不是有 CSS Grid 高亮显示?

Chrome 是不是有设置 a:visited css 属性的问题?

Chrome 开发者工具中的“暂停动画”功能是不是有键盘快捷键? (F12)