[Chrome拡張]Chrome拡張 の中の ローカル の画像にアクセスする

chrome
ここでは、 Chrome拡張 から ローカル のリソースにアクセスする方法を解説します。

 

Chrome拡張機能は非常に簡単に作れる強力なツールの一つです。
社内利用や個人利用に限ったものであれば、ストアに提出しなくても使用できます。

 

しかし、安全に利用するためにいくつかのルールがあります。
たとえば、リソースは予め指定されたものしか利用することが出来ません。

 

 
それでは順を追って見ていきましょう。

 


 

まず、manifest.jsonに利用するリソースを定義しておきます。
ワイルドカードも使えるので以下のようにどうぞ。

 

 

Javascriptからは以下のようにアクセスします。

 

 

CSSからは以下のようにアクセスします。
JSからのアクセスとCSSからのアクセスは異なるので注意が必要です。

 

CSSからのほうがちょっと難しいんですよね。

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です