2

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

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

4

1 回答 1

2

现在有openResourceAPI：

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

如chrome.devtools文档中所述。

您将要检查的文件的绝对 URL 传递给它，并带有可选的行号和回调。行号是从 0 开始的，而它在 UI 中是从 1 开始的。所以如果你想10在 UI 中打开 line，你需要传入9那个函数调用。

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

成功后，您将获得：

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

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

{
    code: "E_NOTFOUND",
    description: "Object not found: %s",
    details: [
        "http://localhost/foo.js"
    ],
    isError: true
}
于 2016-02-15T03:05:47.813 回答