3.1 Storage API

Storage APIとは

拡張機能専用のデータ保存機能。localStorageより強力で、Service Workerからもアクセス可能。

基本操作

// 保存
await chrome.storage.local.set({ key: 'value', user: { name: 'John' } });

// 取得（デフォルト値付き）
const data = await chrome.storage.local.get({ key: 'default', theme: 'light' });

// 削除
await chrome.storage.local.remove('key');
await chrome.storage.local.clear();

変更の監視

chrome.storage.onChanged.addListener((changes, area) => {
  for (const [key, { oldValue, newValue }] of Object.entries(changes)) {
    console.log(`${key}: ${oldValue} → ${newValue}`);
  }
});