devtools.inspectedWindow.tabId

Die ID des Tab, mit dem diese Instanz der Entwicklertools verbunden ist, wird als Nummer dargestellt.

Diese kann an die Hintergrundseite der Erweiterung gesendet werden, sodass die Hintergrundseite die tabs-API verwenden kann, um mit dem Tab 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 der chrome.devtools-API von Chromium.