是否可以创建链接到 Chrome DevTools 中某个位置的 URL？

Question

在dev-mode我的应用程序中，我希望能够在页面上有链接，自动将我带到 Chrome 开发工具中的特定文件。

有没有什么方法可以生成一个 URL，当在 Chrome 中单击该 URL 时，会在“源”选项卡和所需的文件中打开“开发工具”？

Answer 1

您可以“检查检查器”：如何检查 Chrome 中的网络检查器？

\n

只需将其取消停靠，然后使用 .inspect DevTools 本身即可ctrl+shift+i。然后转到原始（第一个 DevTools）中的“源”选项卡，检查它，并从 Elements 获取其 URI。

\n

或者使用chrome://inspect/#other

\n

示例 URI（仅第一部分）：

\n

devtools://devtools/bundled/toolbox.html?remoteBase=https://chrome-devtools-frontend.appspot.com/ser\xe2\x80\xa6\n

\n