Workbox advanced recipes示例,带Gulp
我拼命地想用Gulp和Workbox generateSW库生成一个serviceworker,以便在没有连接的情况下为“offline.html”页面提供服务 我尝试使用workbox文档中给出的高级配方“仅脱机页面”,但没有成功() 其想法是使用Gulp Workbox generateSW库编写,该库相当于此普通函数:Workbox advanced recipes示例,带Gulp,gulp,service-worker,workbox,Gulp,Service Worker,Workbox,我拼命地想用Gulp和Workbox generateSW库生成一个serviceworker,以便在没有连接的情况下为“offline.html”页面提供服务 我尝试使用workbox文档中给出的高级配方“仅脱机页面”,但没有成功() 其想法是使用Gulp Workbox generateSW库编写,该库相当于此普通函数: this.addEventListener('fetch', event => { // request.mode = navigate isn't sup
this.addEventListener('fetch', event => {
// request.mode = navigate isn't supported in all browsers
// so include a check for Accept: text/html header.
if (event.request.mode === 'navigate' || (event.request.method === 'GET' && event.request.headers.get('accept').includes('text/html'))) {
event.respondWith(
fetch(event.request.url).catch(error => {
// Return the offline page
return caches.match(offlineUrl);
})
);
}
else{
// Respond with everything else if we can
event.respondWith(caches.match(event.request)
.then(function (response) {
return response || fetch(event.request);
})
);
}
});
我可以使用lib缓存脱机页面,但找不到生成fetch部分的语法
有人能帮我吗?
非常感谢。Workbox中也缺少关于如何使用脱机回退页面设置GenerateSW的文档。我这里有一个类似的问题,我没有正确地使用NavigateCallback来尝试和实现这一点。Workbox中也缺少关于如何使用脱机回退页面设置GenerateSW的文档。我这里有一个类似的问题,我没有正确地使用NavigateCallback来尝试和实现这一点。