devtools.panels.ElementsPanel.setExpression()

在被检查页面的上下文中评估表达式，并将结果显示在扩展侧边栏窗格中。

表达式的执行上下文与 inspectedWindow.eval() 相同。

JSON 对象和 DOM 节点以可扩展树的形式显示，就像 Firefox 中的 JSON 查看器一样。您可以选择指定一个 rootTitle 字符串：它将显示为树根的标题。

这是一个异步函数，它返回一个 Promise。

语法

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

参数

expression: string. 要评估的表达式。
rootTitle 可选: string. 显示结果的树的根的标题。

返回值

一个 Promise，一旦表达式被评估，它将使用无参数的方式完成。

浏览器兼容性

BCD 表仅在浏览器中加载

示例

此代码创建一个侧边栏窗格，显示当前选定元素的 tagName

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。