3.2 Tabs API

chrome.tabs API

Tabs APIとは

ブラウザのタブを操作するAPI。作成、移動、情報取得、メッセージ送信が可能。

権限URL/タイトル取得には"tabs"権限が必要。

タブの検索

// アクティブタブを取得
const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });

// 特定URLのタブを検索
const tabs = await chrome.tabs.query({ url: 'https://mail.google.com/*' });

タブの操作

// 作成
const newTab = await chrome.tabs.create({ url: 'https://example.com', active: true });

// 更新
await chrome.tabs.update(tabId, { url: 'https://new-url.com' });

// 削除
await chrome.tabs.remove(tabId);

イベント

chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
  if (changeInfo.status === 'complete') {
    console.log('読み込み完了:', tab.url);
  }
});

chrome.tabs.onActivated.addListener((activeInfo) => {
  console.log('タブ切替:', activeInfo.tabId);
});
参考文献
[1] Chrome Extensions - chrome.tabs