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。