Chrome拡張機能でローカルのCSVファイルをパス指定してcontents-script内に読み込みたい

Question

前提

Chrome拡張機能を作成しています。

manifest.jsonと同一階層にあるローカルのCSVファイルを読み込み、配列に格納してcontents-scriptに配列を渡し、innertextを配列内の文章を含む要素を削除する機能を実現したいと考えています。

contents-scriptの部分は完成しており、読み込んだCSVの配列をcontents-script内の配列に代入するだけです。

CSVを読み込む方法を調べて試してみたのですが、上手くいきません。

javascript初心者で、調べ方も分からなかったため、質問されていただきました。

ご存じの方いましたら、ご教授お願い致します。

実現したいこと

①Chrome拡張機能でローカルのCSVファイルを読み込み、配列に格納した後、contenets-scriptに配列を渡す。

②CSVはフォーム等でファイルを選択することなく、javascript内でパスを指定してファイルを読み込みたい。

③CSVを読み込みタイミングは可能であれば1度のみが良い。（chrome起動時等）

④CSVでなくとも、ローカルファイルで1000近くの単語を格納できるファイルから読み込みでも可

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ソースコード

試したこと

xmlhttprequestによるCSVの読込みはbackground scriptでは宣言時にエラー

Comments

[NorioYamamoto]

②は無理です。セキュリティ上UIは必須です。

[shunyaI]

パッケージ内にcsvファイルを含めてもダメでしょうか？

Answer 1

CSVファイルを web_accessible_resources に指定して、chrome.runtime.getURL()の結果を引数にして fetch() してください。

Comments

[shunyaI]

ご回答ありがとうございます。
おかげでCSVを読み込み、配列に書き込みことが出来ました。
しかし、backgroud scriptからcontets scriptに配列情報を送信できないでいます。
もし、ご存じでしたら教えていただけないでしょうか。

[int32_t]

content script で fetch() すればいいなじゃないかと。

background page で fetch() したい場合は、sendMessage() で content script に送りましょう。

[shunyaI]

ご返信ありがとうございます。
無事目的のプログラム完成しました。
ありがとうございます。