読み込んだウェブページに CSS を適用させる [Chrome Extensions を作ってみる：第四回]

Safari Extensions の場合もやったことを、Chrome Extensions でもやってみる。

これは、Apple の背景を青にしてみるという例。

★manifest.json

{
  "content_scripts": [{
    "css": [ "apple.css" ],
    "matches": ["http://www.apple.com/*"],
    "run_at": "document_end"
  }],
  "name": "test",
  "version": "1.0.0.0"
}

★apple.css（content_scripts）

body {background: rgba(0, 102, 255, .7) !important;}

これだけで、実現できる。