devtools.inspectedWindow.tabId
The ID of the tab
that this instance of the devtools is attached to, represented as a number.
This can be sent to the extension's background page, so that background page can use the tabs
API to interact with the tab:
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 compatibility
BCD tables only load in the browser
Note: This API is based on Chromium's chrome.devtools
API.