提问人：superkinhluan 提问时间：9/22/2022 更新时间：9/22/2022 访问量：634
在 Chrome 开发者工具中显示对象的源文件
Show source file of objects in Chrome developer tools
问：
当我使用 React 开发者工具时，我注意到它可以向我显示所选组件的源代码。它是“组件”面板右上角的按钮。
当我单击此按钮时，它会在“源”面板中打开源文件。
我自己正在编写一个开发人员工具，我想做类似的事情。React 开发者工具是如何做到的？我在文档中没有看到任何 API 来做这种事情。
答：
0赞
superkinhluan
9/22/2022
#1
多亏了@wOxxOm的评论，我才能够找到这个按钮的源代码。原来我们只需要调用传递表示组件的对象。Chrome/Edge 将负责查找源代码并将其显示在“源代码”面板中。chrome.devtools.inspectedWindow.eval('window.inspect(...)')
上一个：在检查的网络选项卡中下载文件
评论
__REACT_DEVTOOLS_GLOBAL_HOOK__