devtools.panels.ElementsPanel.setExpression()

在檢查頁面的上下文中計算一個表示式,並將結果顯示在擴充套件程式的邊欄窗格中。

該表示式的執行上下文與 inspectedWindow.eval() 的執行上下文相同。

JSON 物件和 DOM 節點會以可展開樹的形式顯示,就像 Firefox 中的 JSON 檢視器一樣。您可以選擇性地指定一個 rootTitle 字串:它將顯示為樹根的標題。

這是一個非同步函式,返回一個 Promise

語法

js
let evaluating = browser.devtools.panels.setExpression(
  expression,       // string
  rootTitle         // string
)

引數

表示式

string。要計算的表示式。

rootTitle 可選

string。用於顯示結果的樹的根標題。

返回值

一個 Promise,在表示式計算完成後,它將以不帶引數的形式fulfilled。

示例

此程式碼建立一個邊欄窗格,用於顯示當前選定元素的 tagName

js
function onCreated(sidebarPane) {
  browser.devtools.panels.elements.onSelectionChanged.addListener(() => {
    const exp = "$0 && $0.tagName";
    const title = "Selected Element tagName";
    sidebarPane.setExpression(exp, title);
  });
}

browser.devtools.panels.elements.createSidebarPane("My pane").then(onCreated);

瀏覽器相容性

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