サービスワーカーのストレージの上限は？

質問

ほとんどのブラウザは、ドメインごとに 5MB のストレージ制限を持つ localStorage を提供します。 サービス ワーカーに関してそのようなメモリ制限/制約がありますか?

ウェブ ワーカー（サービス ワーカーがベースとするもの）にはそのような制限がないことは知っています。しかし、Web Workers は正確にはアセット キャッシュに使用されるのではなく、処理に多く使用されます (したがって、そこでは CPU が主な関心事となります)。

メモリ サイズに制限がない場合、ひどいデザインの Web サイトがブラウザをクラッシュさせる可能性はありますか?

どのように解決するのですか?

2018年1月15日更新

は ストレージマネージャ インターフェースは、ストレージ関連のすべてのAPIクエリの標準になりつつあります。このインターフェースは ミゲル・ラトゥアーダ によって言及されているように 見積もりAPI を使用すると、Web アプリが使用するストレージと利用可能なストレージの見積もりが提供されます。また QuotaExceededError 例外にも注目してください。これはエラーシナリオを処理するのに役立ちます。

コード

if ('storage' in navigator && 'estimate' in navigator.storage) {
  navigator.storage.estimate().then(({usage, quota}) => {
    console.log(`Using ${usage} out of ${quota} bytes.`);
  }).catch(error => {
    console.error('Loading storage estimate failed:');
    console.log(error.stack);
  });
} else {
  console.error('navigator.storage.estimate API unavailable.');
}

詳細は、以下の2つの記事を参照してください。

• MDN Web docs - ストレージ API
• Google Developers 使用可能なストレージ容量の見積もり

2017年3月16日（参考/歴史としてだけ残しておく）

最近、こんな記事に出会いました。 オフライン料理本 という記事で、以下のように書かれています。

あなたの オリジンには一定の自由空間が与えられている を与えられています。その は、すべてのオリジンストレージで共有されます。 : LocalStorage、IndexedDB、Filesystem、そしてもちろんCachesです。

は は仕様ではありません。 端末や保存状態によって異なります。


取得量は仕様です。

navigator.storageQuota.queryInfo("temporary").then(function(info) {
   console.log(info.quota);
   // Result: <quota in bytes>
   console.log(info.usage);
   // Result: <used data in bytes>
});