devtools.inspectedWindow.tabId

Die ID der Registerkarte, an die diese Instanz der Devtools angehängt ist, dargestellt als Zahl.

Diese kann an die Hintergrundseite der Erweiterung gesendet werden, sodass die Hintergrundseite die tabs API verwenden kann, um mit der Registerkarte zu interagieren:

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);

Browser-Kompatibilität

Hinweis: Diese API basiert auf Chromiums chrome.devtools API.