如何从扩展程序中获取Chrome DevTools源编辑器中的光标位置？

Question

我为Google Chrome DevTools 开发了Open in Editor扩展,允许使用上下文菜单在外部编辑器中打开源文件.

当UI中的文件位置包含行号(如)时,它在大多数情况下(网络面板,性能面板,样式检查器等jquery.js:2191)都可以正常工作.
唯一的例外是Sources面板.一个chrome.devtools.panels.setOpenResourceHandler回调函数不接受一个行号.

DevTools是否有一些API来从setOpenResourceHandler()回调中获取光源在源编辑器中的位置？

Answer 1

这已根据报告的Chrome 问题 747888进行了解释：

首先，setOpenResourceHandle()对于用户单击链接（例如linkified控制台中的位置）通常会导致在 DevTools 中打开源选项卡的情况，它并不意味着在源面板中显式打开文件时会触发它。对于源选项卡中文件/位置的更改，我们已经得到了最近由@jacobr带回来的chrome.devtools.panels.sources.onSelectionChanged（请参阅布局测试以了解示例用法） 。

这是提到的代码示例：

function extension_testElementsOnSelectionChanged(nextTest)
{
    function onSelectionChanged()
    {
        webInspector.panels.elements.onSelectionChanged.removeListener(onSelectionChanged);
        output("onSelectionChanged fired");
        nextTest();
    }
    webInspector.panels.elements.onSelectionChanged.addListener(onSelectionChanged);
    webInspector.inspectedWindow.eval("inspect(document.body.children[0]), 0");
}

function extension_testSourcesOnSelectionChangedShowFile(nextTest)
{
    function onSelectionChanged(selectionInfo)
    {
        webInspector.panels.sources.onSelectionChanged.removeListener(onSelectionChanged);
        output("sources onSelectionChanged fired, selectionInfo:");
        dumpObject(selectionInfo, {url: "url"});
        nextTest();
    }
    webInspector.panels.sources.onSelectionChanged.addListener(onSelectionChanged);
    evaluateOnFrontend("InspectorTest.showScriptSource(\"test-script.js\")");
}

function extension_testSourcesOnSelectionChangedShowFileAndLine(nextTest)
{
    webInspector.inspectedWindow.eval("location.href", function(inspectedPageURL) {
        function onSelectionChanged(selectionInfo)
        {
            webInspector.panels.sources.onSelectionChanged.removeListener(onSelectionChanged);
            output("sources onSelectionChanged fired, selectionInfo:");
            dumpObject(selectionInfo, {url: "url"});
            nextTest();
        }
        webInspector.panels.sources.onSelectionChanged.addListener(onSelectionChanged);

        var basePath = inspectedPageURL.replace(/\/[^/]*$/, "/");
        webInspector.panels.openResource(basePath + "resources/test-script.js", 2);
    });
}