如何处理chrome扩展面板的onSearch事件？

Question

我如何在chrome devtools扩展面板中处理onSearch事件，该面板在按下 Ctrl + F 并输入一些查询字符串时将触发。

在我面板的背景页面中，我可以收听该事件，但我不知道如何在面板内部访问它，也不知道如何响应匹配量以使搜索导航像在Elements面板中一样工作：

这个功能在这里非常糟糕： https://developer.chrome.com/extensions/devtools_panels

Answer 1

可能不清楚，但仍然由您指定的链接记录。

您可以在创建开发面板时设置侦听器：

chrome.devtools.panels.create("My Dev Panel", null, "panel.html", function(panel) {
    panel.onSearch.addListener(function(action, querySearch) {
        // action - May be: 
        //   "performSearch", "cancelSearch", "nextSearchResult", "previousSearchResult"
        // querySearch - search text
    });
});

顺便说一下，我建议您使用去抖功能进行搜索实施，因为onSearch事件会在每个按键上触发。