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。