öncelikle headerda. head tagları arasına manfesti ekliyorsun.

şu şekilde :

<link rel="manifest" href="manifest.json">

bendeki örnek bu. : https://www.erkankavas.com/manifest.json

daha sonra alt kısma


( script taglarına alarak aşağıdaki kodu ekliyorsun )

if ('serviceWorker' in navigator) {
navigator.serviceWorker.register("sw.js", {
scope: '.'
}).then(function(registration) {
// Registration was successful
console.log('ServiceWorker registration successful with scope: ', registration.scope);
}, function(err) {
// registration failed :(
console.log('ServiceWorker registration failed: ', err);
});
}

şu ekliyorsun.


sw.js dosyası da şurada : https://www.erkankavas.com/sw.js


not: manifest içindeki iconu doğru boyutta ve doğru yerde vermeyi unutma.
incelemek istersen android chrome'dan kişisel siteme gidebilirsin : erkankavas.com

ekran görüntüsü.:



@Musadgn;