Question

我基本上是在离线页面缓存并在我的网站离线时加载它。

为此，我创建了一个页面，上面写着＆＃39; signIn＆＃39;以及＆＃39; SignIn＆＃39;的javascript文件是javascript-＆gt; pages-＆gt; signIn在这里我已经启动了像

这样的服务工作者

的javascript /页/的script.js

if('serviceWorker' in navigator){
   navigator.serviceWorker.register('./sw1.js').then(function(reg){
       console.log("Service workers registered");
     });
 }

else{

   console.log("Browser doesnt support service workers");
}

})

sw1.js和offline.html基本上与网页SignIn位于同一个文件夹中。

self.addEventListener('install', function(event) {

  var offlineRequest = new Request('./offline.html');
  event.waitUntil(
    fetch(offlineRequest).then(function(response) {
      return caches.open('offline').then(function(cache) {
        console.log('[oninstall] Cached offline page', response.url);
        return cache.put(offlineRequest, response);
      });
    })
  );
});

self.addEventListener('fetch', function(event) {

  var request = event.request;

  if (request.method === 'GET') {
  console.log(request);
    event.respondWith(
      fetch(request).then(function(response){
          console.log("From Network "+response);
          return response;
      }).catch(function(error) {
         console.log(
        '[onfetch] Failed. Serving cached offline fallback ' +
          error
         );
        return caches.open('offline').then(function(cache) {
           console.log("Opened Cache");
          return cache.match('./offline.html');
        });
      })


    );
  }

});

基本上我上网时工作正常，但当我离线时，我在chrome-dev-tools-applications中遇到以下错误。请帮助我。

错误8280：在服务工作者中获取脚本时发生未知错误

0 个答案: