Chrome Extension ( manifest version 3 ) storage session

拡張機能読込方法は下記参照 ⇒ Chrome Extension: Load unpacked extension
Devtools起動方法は下記参照 ⇒ Chrome Extension: Inspect background script

background.js

console.log('Hello, I am background scripts');

chrome.storage.onChanged.addListener((objects, strings) => {
  console.log('storage.onChanged');
  console.log(`storage.onChanged area name is ${strings}`);
  console.log(objects);
});

(async () => {
  const computedPropertyName = 'baz';
  const result1 = await chrome.storage.session.set({ foo: 'bar' });
  const result2 = await chrome.storage.session.set({ [computedPropertyName]: 'qux' });
  const result3 = await chrome.storage.session.get('foo');
  const result4 = await chrome.storage.session.get(['baz']);
  const result5 = await chrome.storage.session.get(['foo', 'baz']);
  console.log(`chrome.storage.session.get: foo is ${result3.foo}`);
  console.log(`chrome.storage.session.get: baz is ${result4.baz}`);
  console.log(`chrome.storage.session.get: foo is ${result5.foo} / baz is ${result5.baz}`);
  console.log(`chrome.storage.session.get: foo is ${result3['foo']}`);
  console.log(`chrome.storage.session.get: baz is ${result4['baz']}`);
  console.log(`chrome.storage.session.get: foo is ${result5['foo']} / baz is ${result5['baz']}`);
})();

manifest.json

{
  "manifest_version": 3,
  "name": "HelloStorage",
  "version": "1.0",
  "background": {
    "service_worker": "background.js"
  },
  "permissions": [
    "storage"
  ]
}

Reference

Reference
https://yuki.world/how-to-develop-chrome-extension-basics/
https://qiita.com/komlabo/items/5b99d3598f6664621dae
https://qiita.com/sakaimo/items/416f36db1aa982d8d00c
https://qiita.com/suin/items/2b31079056f1356257cb
https://qiita.com/RyBB/items/32b2a7b879f21b3edefc
https://qiita.com/k7a/items/26d7a22233ecdf48fed8
https://www.satoshiiiblog.com/2022/05/07/

Link1

ふぇおのちらうら

雑記帳

Chrome Extension ( manifest version 3 ) storage session

background.js

manifest.json

Reference

Link1

Link2

Link3

Link4