クロムエクステンションのためのCSSの挿入

Question

私はChromeエクステンションの開発にはかなり新しいです。私はCSSを注入することが可能であることを知っています。しかし、それを特定のURLに挿入することは可能ですか？たとえば、google.comにアクセスするたびに、CSSが挿入されます。

ありがとうございました！ :)

Answer 1

まあ、あなたは2つのオプション、プログラム注入とコンテンツスクリプトがあります。ページがロードされたときに

Content Scriptsは自動的に自分自身を注入します）。名前は本当に複雑で、恐ろしいに聞こえるかもしれないが、心配しないでください。

{ 
    "name": "My extension", 
    "version": "1.0", 
    "manifest_version": 2, 
    "content_scripts": [ 
    { 
     "matches": ["http://www.google.com/"], //where your script should be injected 
     "css": ["css_file.css"] //the name of the file to be injected 
    } 
    ] 
} 

これはCSSあなたがロードするたびにgoogle.com

あなたの他を注入する必要がありますあなたが（スクリプトを書くことから離れて）する必要があるのは、あなたのmanifest.jsonをして、このようなものを指定することですオプションはProgrammatic Injectionを使用することです。 これは、通常はバックグラウンドページからコードを挿入する場合に便利です。これを行うには、insertCSS()を使用します。その場合、マニフェストにhost permissionが必要です。

{ 
    "name": "My extension", 
    "version": "1.0", 
    "manifest_version": 2, 
    "background_page": "myBackground.html", //if you want to inject it from a background page 
    "permissions": [ 
    "background", //if you want to inject it from a background page 
    "http://www.google.com/" // host permission to google 
    ] 
} 

幸運！