devtools.inspectedWindow.tabId

devtools のこのインスタンスがアタッチされる tab の ID。番号で表されます。

これは拡張機能のバックグラウンドページに送信できるため、バックグラウンドページは tabs API を使用してタブと対話できます:

// 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
  });
});
// background.js

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

browser.runtime.onMessage.addListener(handleMessage);

ブラウザの対応状況

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxOperaAndroid 版 Firefox
tabIdChrome 完全対応 ありEdge 完全対応 79Firefox 完全対応 54Opera 完全対応 ありFirefox Android 未対応 なし

凡例

完全対応  
完全対応
未対応  
未対応
謝辞

この API は Chromium の chrome.devtools API に基づいています。

Microsoft Edge の互換性データは Microsoft Corporation によって提供され、Creative Commons Attribution 3.0 United States License に含まれています。