javascript - 如何处理 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
    });
});

顺便说一句，我建议你使用 debounce 函数来实现搜索，因为 onSearch 事件会在每次按下时触发。