Question

我的Webapp是React-> .NET-> SQL

我想缓存所有发布请求，以便所有.NET调用仅在下一次从缓存中馈送时进行一次。对于反应中的每个UI更改，我都想使用缓存并节省开发时间。

由于它仅用于开发，可能在Chrome中使用外观或其他功能，因此是否存在此类任务的扩展或对我应该研究的内容的任何指南都将有所帮助。

Answer 1

如何使用chrome.storag.local API，您可以在其中存储，检索和跟踪对用户数据的更改。

您可以根据SO post来使用它：

function fetchLive(callback) {
  doSomething(function(data) {
    chrome.storage.local.set({cache: data, cacheTime: Date.now()}, function() {
      callback(data);
    });
  });
}

function fetch(callback) {
  chrome.storage.local.get(['cache', 'cacheTime'], function(items) {
    if (items.cache && items.cacheTime && items.cacheTime) {
      if (items.cacheTime > Date.now() - 3600*1000) {
        return callback(items.cache); // Serialization is auto, so nested objects are no problem
      }
    }

    fetchLive(callback);
  });
}

请记住：

Chrome使用两个缓存-磁盘上缓存和非常快的内存中缓存。内存缓存的生命周期附加到渲染过程的生命周期，大致对应于一个选项卡。从内存缓存中应答的请求对于 Web请求API。

如何在浏览器中缓存所有请求？

1 个答案: