不適用於Chrome的服務人員

Question

服務人員獲得註冊，但navigator.serviceWorker.ready顯示爲空。

navigator.serviceWorker.register('sw.js', {scope: './'}).then(function(registration) { 
    // Registration was successful 
    console.log('ServiceWorker registration successful with scope: ', registration.scope); 
    //Check subscription state 
    checkSubscription(); 
    }); 
}) 
function checkSubscription() { 
console.log('fun checkSubscription'); 
navigator.serviceWorker.ready.then(function(serviceWorkerRegistration){ 
serviceWorkerRegistration.pushManager.getSubscription().then(
    function(pushSubscription) { 
    if(!!pushSubscription) { 
     console.log(pushSubscription); 
     pushStatus = true; 

    } 
    else { 
     pushStatus = false; 
    } 
    }.bind(this)).catch(function(e) { 
    console.error('Error getting subscription', e); 
    }); 
}); 
} 

以上是我的代碼。這在Firefox瀏覽器中工作正常。

Answer 1

如果在Google Chrome上運行服務工作者，則需要在服務器上運行您的網站，如apache（xampp）/ nodejs（http-server）。