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。