有没有可能创建链接到Chrome DevTools中某个位置的URL？

Question

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

有没有办法生成一个URL，当在Chrome中点击时，在源代码选项卡中打开开发工具并在所需的文件中打开？

Answer 1

你可以“检查检查员”：How do you inspect the web inspector in Chrome?

只需取消它的停靠，然后使用ctrl+shift+i检查DevTools本身。然后转到original (第一个DevTools)中的sources选项卡，检查它，并从Elements中获取它的URI。

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

示例URI (仅第一部分)：

devtools://devtools/bundled/toolbox.html?remoteBase=https://chrome-devtools-frontend.appspot.com/ser…

Answer 2

您的需求有点具体，所以我认为这是不可能的(至少不是本机的)。

您可能可以使用扩展(see the documentation)扩展DevTools实现您想要的功能。这样，你就可以让你的页面与扩展交互，让它在Chrome Dev工具中打开一个特定的面板。