0

Chrome 拡張機能の開発中に、コンテンツ JavaScript を介して画像フォルダーから画像を挿入しています。しかし、クロムはそれをウェブページに挿入/ロードすることができず、画像ではなく壊れた画像を表示します。

ウェブページを調べると、 src=chrome-extension://mjpjhbhenfpklnbkbegbhdnganbppjdd/images/imgage1.png が見つかりました。クリックすると、新しいタブで画像が開きます。

問題を理解するために、menifest.json ファイルと contentscript.js の関連コードをここに貼り付けました。

menifest.json ファイル (バージョン 2) では、

 "web_accessible_resouces" : ["jquery.js","contentscript.js","images/image1.png"],

contentscript.js 内

var imurl = chrome.extension.getURL('/images/image1.png');

$jq(this).html( $jq(this).html().replace(/(\d-\d)/g,"<a href='#' class='anchr'>$1</a><img width='10' length='10' src='"+imurl+"' class='image1' >") );

誰でも解決策を提案できますか?

4

1 に答える 1

1

これは、リソース インジェクションのセキュリティ上の制限です。コンテンツ スクリプトを使用して画像をdata-uriとして渡します。

あなたのコンテンツスクリプトは次のようになります

var imdata = data-uri-here;
$jq(this).html( $jq(this).html().replace(/(\d-\d)/g,"<a href='#' class='anchr'>$1</a><img width='10' length='10' src='"+imdata+"' class='image1' >") )
于 2013-09-17T15:29:06.070 に答える