--- title: devtools.inspectedWindow.tabId slug: Mozilla/Add-ons/WebExtensions/API/devtools/inspectedWindow/tabId translation_of: Mozilla/Add-ons/WebExtensions/API/devtools.inspectedWindow/tabId original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.inspectedWindow/tabId ---
{{AddonSidebar()}}

devtools のこのインスタンスがアタッチされる {{WebExtAPIRef("tabs.Tab", "tab")}} の ID。番号で表されます。

これは拡張機能のバックグラウンドページに送信できるため、バックグラウンドページは {{WebExtAPIRef("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);

ブラウザの対応状況

{{Compat("webextensions.api.devtools.inspectedWindow.tabId")}}

{{WebExtExamples}}

謝辞

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

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