转到 Chrome 开发工具扩展中的源代码行？

Question

我想制作一个开发工具 Chrome 扩展，让用户可以转到页面源代码中的特定点（每当页面源代码调用foo我通过扩展内容脚本注入到页面中的某些全局函数时）。

foo我可以通过让函数抛出异常然后捕获它来获取堆栈跟踪。

但是我如何告诉 Chrome 开发工具导航到源代码中的某一行？有 API 调用吗？

Answer 1

有一个 API 函数专门用于此目的，chrome.devtools.panels.openResource.
请注意，此 API 的行号是从零开始的。

// Opens line 34 of file https://example.com/test.js, assuming this resource is present:
chrome.devtools.panels.openResource("https://example.com/test.js", 33, function() {
  // Resource should be open, but no way to test that it succeeded
});