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。