2.1 Content Scripts

Content Scriptsとは

Content ScriptsはWebページ内で実行されるJavaScript。DOMを読み取り・変更できる。

注入方法

1. 宣言的注入（manifest.json）

{
  "content_scripts": [{
    "matches": ["https://*.example.com/*"],
    "js": ["content.js"],
    "css": ["content.css"]
  }]
}

2. プログラム的注入

chrome.scripting.executeScript({
  target: { tabId: tab.id },
  files: ['content.js']
});

DOM操作

// 要素の追加
const btn = document.createElement('button');
btn.textContent = 'Click';
document.body.appendChild(btn);

// 既存要素の変更
document.querySelectorAll('.ad').forEach(el => el.style.display = 'none');