Сервисный работник не активируется - PullRequest
Новая
       23

Сервисный работник не активируется

0 голосов
/ 21 мая 2018

Веб-сайт с сервисным работником, размещенный https://121eddie.github.io/ и запущенный в Chrome 66.0.3359.181

/ index.html правильно отслеживает следующую регистрацию при каждой загрузке 

<script type="text/javascript">
window.addEventListener('load', async function(){
if ( 'serviceWorker' in navigator ) {
    try{
    var registration=await navigator.serviceWorker.register('serviceWorker.js');
    console.log('ServiceWorker enregistré avec le scope: ', registration.scope);
    document.getElementById('worker').innerHTML='serviceWorker.js actif';
    document.getElementById('cache').innerHTML='Cache actif';
    }catch (err){
    console.log(err);
    }
}else{window.alert('Votre navigateur ne supporte pas les Service Workers. Ce site ne fonctionnera pas en mode offline');};

});

При первом запуске /serviceWorker.js проходит через событие «activ», правильно выбирает имя кэша и кэширует файлы 

var cache;
self.addEventListener('install', event => {//lors du chargement de index.html
self.skipWaiting();//il supplante tout de suite l'ancien
console.log("ServiceWorker installé");
});

self.addEventListener('activate', async function(event){
self.clients.claim();//le nouveau service worker prend le contrôle de toutes les pages ouvertes de l'appli web progressive
console.log("ServiceWorker activé");
if (navigator.onLine){
    var oReq = new Request('version.txt?date='+new Date().getTime(), {method:'get'});
    var response=await fetch(oReq);
    var result=await response.text();
    console.log('Nouvelle version du cache: '+result);//a distance: [object promise]
    cache= await caches.open(result);
    console.log('cache:'+cache);
    for (var i=0;i<caches.length;i++){
        if (caches[i]!=cache){
            caches[i].delete();
        }
    }
    try{await cache.addAll(['index.html','styles.css','traitement.js']);//en localhost: TypeError: Request failed
    }catch (err){
        console.log(err);
    }//tout sauf version.txt //pas de résultat  
}
});

//ServiceListener standard qui met en cache tout ce qui passe
//prévoit un chargement online avec mise en cache si quelquechose manque
self.addEventListener('fetch', async function(event){
console.log('Traitement du fetch '+event.request.url);
if(event.request.url.includes('version.txt')){
    console.log('On laisse passer '+event.request.url);
    return fetch(event.request);
}else{
    // Try to get the response from a cache.
    try{var cachedResponse = await cache.match(event.request);
    }catch(err){console.log(event.request+'not cached')}
    // Return it if we found one.
    if (cachedResponse){
        console.log('on sert '+event.request.url+' depuis le cache');
        return cachedResponse;
    }
    // If we didn't find a match in the cache, we don't use the network (return fetch(event.request);)
}
});

При втором запуске «Activate» не запускается(без трассировки журнала, без выборки).

При третьем запуске даже «выборка» больше не запускается.Это означает, что офлайн запросы не отвечены.Что не так?

Я бы хотел, чтобы версия кэша выбиралась каждый раз при загрузке index.html.Я проверяю navigator.online, чтобы избежать ненужных и ошибочных запросов.

1 Ответ

0 голосов
/ 21 мая 2018

Я узнал: это была проблема с областью применения.Мне пришлось удалить косую черту перед именами страниц

...