javascript - devtool 扩展面板中的免费搜索文本

Question

我正在寻找一种方法在 Chrome Devtools 面板扩展中搜索我编写的扩展的文本。该面板是一个标准的 Web 应用程序(js、css、html)。
目前，当我点击 cmd + f 时，扩展面板底部会弹出一个搜索栏。
在下面的示例中，我希望 Hello 一词会突出显示，但 Chrome Devtools 面板可能不支持 OOB。
有什么方法可以在我的扩展代码中实现这种行为(通过绑定(bind)到特殊事件或配置)？

Answer 1

您可能需要手动实现该功能。但是，我知道有一个事件监听器用于触发 chrome.devtools.panels api 的搜索事件。

它将像这样实现:

chrome.devtools.panels.create("My devtools extension",
"logo.png",
"page.html",
function(panel) {
    panel.onShown.addListener(function(event) {
        ...
    });

    panel.onHidden.addListener(function(event) {
        ...
    });

    panel.onSearch.addListener(function(event) {
        <your code here>
    });
});

这样，您就可以以任何您想要的方式实现此功能。

以下是有关 Chrome 面板的更多信息的链接:https://developer.chrome.com/extensions/devtools_panels

希望这有帮助!