onSelectionChanged

当用户通过浏览器开发者工具选择不同的页面元素进行检查时触发,例如在 Firefox 中选择“检查元素”上下文菜单项。

语法

js
browser.devtools.panels.elements.onSelectionChanged.addListener(listener)
browser.devtools.panels.elements.onSelectionChanged.removeListener(listener)
browser.devtools.panels.elements.onSelectionChanged.hasListener(listener)

事件有三个函数

addListener(listener)

向此事件添加监听器。

removeListener(listener)

停止监听此事件。listener 参数是要移除的监听器。

hasListener(listener)

检查 listener 是否已为此事件注册。如果正在监听,则返回 true,否则返回 false

addListener 语法

参数

监听器

在此事件发生时调用的函数。该函数不接收任何参数。

示例

监听选择更改事件,并记录新选中元素的文本内容

js
function handleSelectedElement() {
  browser.devtools.inspectedWindow.eval("$0.textContent").then((result) => {
    console.log(result[0]);
  });
}

browser.devtools.panels.elements.onSelectionChanged.addListener(
  handleSelectedElement,
);

浏览器兼容性

注意:此 API 基于 Chromium 的 chrome.devtools API。