onSelectionChanged

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

语法

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 语法

参数

listener: 当此事件发生时调用的函数。该函数不传递任何参数。

浏览器兼容性

BCD 表格仅在浏览器中加载

示例

侦听选择更改事件，并记录新选择元素的文本内容

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。