Chrome拡張機能でローカルファイルの読込み

Question

Chrome拡張機能で独自のブックマークを作ろうと思っています。ブックマークデータをjsonファイルにまとめようと思っていますが、同じフォルダ内のjsonファイルを読み込む方法がわかりません。

ファイルの構成は以下のとおりです。bookmarks.jsonをcontent.jsから読み込みたいです。

• popup.html
• manifest.json
• icon.png
• content.js
• bookmarks.json

Javascriptでサーバー上のファイルを読み込むようなものなので難しいのかなとも思いますが、もし方法があれば教えてください。

Answer 1

コンテントスクリプト以外からは、bookmarks.json が同じディレクトリにあるという前提で相対URLでアクセスすれば読むことができます。
例: XMLHttpRequest で xhr.open('GET', 'bookmarks.json', ...) など

コンテントスクリプトでは、バックグラウンドスクリプトと通信して情報を得るしかありません。

また、書き込みをする手段はないと思います。データを保存したい場合はchrome.storage を使います。

Comments

[Satoshi71]

ありがとうございます。まだ試していませんがXMLHttpRequestというヒントをいただければ、あとはググって対応できると思います。