Paper's Program Note

次の表は、Local StorageとChrome Local Storageでデータを取得、保存、削除する方法を比較します。

データの取得方法

Local Storageの場合

let data = localStorage.getItem('key');

Chrome Local Storageの場合

chrome.storage.local.get('key', function(result) {
  let data = result.key;
});

全データの取得

Local Storageの場合

let data = JSON.parse(JSON.stringify(localStorage));

Chrome Local Storageの場合

chrome.storage.local.get(null, function(result) {
  let data = result;
});

データの保存方法

Local Storageの場合

localStorage.setItem('key', 'value');

Chrome Local Storageの場合

chrome.storage.local.set({ 'key': 'value' });

全データの保存Local Storageの場合

N / A

Chrome Local Storageの場合

codechrome.storage.local.set(data);

単一のデータの削除Local Storageの場合

localStorage.removeItem('key');

Chrome Local Storageの場合

codechrome.storage.local.remove('key');

全データの削除Local Storageの場合

localStorage.clear();

Chrome Local Storageの場合luaCopy codechrome.storage.local.clear();

現在使用されているデータのバイト数の取得

Local Storageの場合

let usedBytes = unescape(encodeURIComponent(JSON.stringify(localStorage))).length;

Chrome Local Storageの場合

chrome.storage.local.getBytesInUse(null, function(bytesInUse) {
  let usedBytes = bytesInUse;
});