[Chrome Extensions（機能拡張）開発] localStorageを使って異なるスコープ間でデータのやり取りを行う方法

Chrome Extensions（機能拡張）の開発でちょっとハマった部分です。あるWebサイト上のデータを取得して、それをlocalStorageに保存して、それをChrome Extensions上で取得して利用しようと思ったのですが、localStorageの仕様上別のスコープとなりそれが無理だということがわかりました。調べてみると、Chrome ExtensionsのAPIを使ってbackground.js上でlocalStorageを使うことで解決できることがわかりました。今回は、その辺りのことをまとめておきます。 localStorageとはまず最初にlocalStorageについて説明します。すでにlocalStoregaについて把握されている方は読み飛ばしてください。 ブラウザは、Web Storageというクライアントサイドのストレージ（記憶装置）を持っています。loca

[bleu-bleut]

localStorageはプロトコル、ホスト名、ポート番号によってスコープを分けるためWebページで取得したデータをlocalStorageに保存してエクステンションで利用するということができないので、background.jsてのを使う。