devtools.inspectedWindow.tabId

这是一个数字,表示此 DevTools 实例所连接到的 tab 的 ID。

此 ID 可以发送给扩展的后台页面,以便后台页面可以使用 tabs API 与该标签页进行交互。

js
// devtools-panel.js

const scriptToAttach = "document.body.innerHTML = 'Hi from the devtools';";

attachContentScriptButton.addEventListener("click", () => {
  browser.runtime.sendMessage({
    tabId: browser.devtools.inspectedWindow.tabId,
    script: scriptToAttach,
  });
});
js
// background.js

function handleMessage(request, sender, sendResponse) {
  browser.tabs.executeScript(request.tabId, {
    code: request.script,
  });
}

browser.runtime.onMessage.addListener(handleMessage);

浏览器兼容性

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