ブラウザがブロブを保存しないようにするにはどうすればいいですか？

Question

私はいくつかのライブカメラのフィードを持つ内部サイトを表示するためにFirefoxを実行している低メモリデバイス（いくつかの格安Windowsタブレット）を持っています。サイトはFirefoxをクラッシュさせ続けており、それはブラウザがそれぞれ作成したすべてのBlobを保存しているためと思われる。また

のスクリーンショット：添付

setInterval(function() { 
    if (frontShown) { 
     fetch('http://192.168.7.2:888/image/Main').then(function (response) { 
      return response.blob(); 
     }).then(function (myBlob) { 
      var objectURL = URL.createObjectURL(myBlob); 
      FrontDoorVideo.src = objectURL; 
     }); 
    } else { 
     fetch('http://192.168.7.2:888/image/Back').then(function (response) { 
      return response.blob(); 
     }).then(function (myBlob) { 
      var objectURL = URL.createObjectURL(myBlob); 
      BackDoorVideo.src = objectURL; 
     }); 
    } 
}, 500); 

はクロームデベロッパーツールでソース]タブを埋めるBlobsのスクリーンショットです：以下は、私はそれが最新のフレームにいくつかのサーバーをつかんされている区間がありますネットワーク]タブ：

どのように私はこれらのブロブの全てをキャッシュからブラウザを防ぐのですか？私は、新しいフェッチごとにキャッシュから削除するサービスワーカーについて考えていました。

Answer 1

主な問題は、Object-URLが取り消されるまでObject-URLがメモリ内に保持されることです。

はやってみます

var objectURL = URL.createObjectURL(myBlob); 
FrontDoorVideo.onload = revokeURL; // add onload handler before src 
FrontDoorVideo.src = objectURL; 

そして、共通のハンドラを使用します。httpキャッシュを回避するために

function revokeURL() { 
    URL.revokeObjectURL(this.src);  // remove URL reference 
}