chrome.storageの使い方

Chrome拡張の開発中にローカルストレージの使い方で詰まったのでメモ。

公式でドキュメントでわかりにくかった操作をまとめた。

任意のキーで値を保存する

任意のキーで保存するためには {[key]: value} のようにする必要がある。

const key = "YOUR_KEY"
chrome.storage.local.set({ [key]: value }).then(() => {
  console.log("Value is set to " + value);
});

全てのキーを取得する

null を指定するとストレージの全ての要素を取得できる。

const keys = await chrome.storage.local.get(null).then((result) => {
    return Object.keys(result);
});

参考

• https://developer.chrome.com/docs/extensions/reference/storage/
• https://stackoverflow.com/questions/11692699/chrome-storage-local-set-using-a-variable-key-name/40287132#40287132
• https://stackoverflow.com/questions/18150774/get-all-keys-from-chrome-storage