Question

我在https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch#Response_objects中读到，你可以使用addEventListener在fetch发生时触发。

我正在玩它，我无法解雇它。这是代码。我也在使用Chrome

addEventListener('fetch', event => alert('test'));

Answer 1

安装服务工作者并且用户导航到其他页面或刷新后，服务工作人员将开始接收fetch个事件，其中的一个示例如下。

self.addEventListener('fetch', function(event) {
  event.respondWith(
    caches.match(event.request)
      .then(function(response) {
        // Cache hit - return response
        if (response) {
          return response;
        }
        return fetch(event.request);
      }
    )
  );
});

Answer 2

只需存储原始提取方法，然后覆盖它并从您的覆盖中调用原始方法即可：

const get = window.fetch;
window.fetch = (...args) => {
  console.log('Fetch:', args[0]);
  return get(...args);
};

fetch和addEventListener

2 个答案: