Javascript 在开发工具中以编程方式打开JS/CSS文件'；来源'；面板

我知道可以将我自己的面板添加到Chrome开发者工具中，但是否可以单击我自己面板中的一个按钮，让开发者工具在“源”面板中打开一个特定的脚本或样式表，这是他们正在检查的页面的一部分

---

如果您确切知道要查找的内容，可以从左侧的菜单中打开文件，但我只想提供一个快捷方式来打开特定文件进行编辑。

现在有了

openResource

API：

chrome.devtools.panels.openResource(string url, integer lineNumber, function callback)

如中所述

将要检查的文件的绝对URL传递给它，带有可选的行号和回调。行号在UI中基于0，而在UI中基于1。因此，如果要在UI中打开第

10行

，则需要在该函数调用中传递

9

在编写本文时，回调函数的文档是错误的：它在成功和失败时被调用，并接受一个参数。该参数是描述结果的对象

成功后，您将获得：

{
    code: "OK",
    description: "OK",
    details: []
}

错误时，您会得到：（可能还有其他错误情况）

---

没有官方的方法可以做到这一点。我不介意用非官方的方法弄脏我的手：）看吧，那种臭味需要这么一个黑客，但我很感激你给我指明了正确的方向，这样我就不会浪费太多时间让它工作了。

{
    code: "E_NOTFOUND",
    description: "Object not found: %s",
    details: [
        "http://localhost/foo.js"
    ],
    isError: true
}