Penjana PWA

self.addEventListener('install', function(event) {
const indexPage = new Request('[[indexPage]]');
event.waitUntil(
fetch(indexPage).then(function(response) {
return caches.open('pwabuilder-offline').then(function(cache) {
console.log('[PWA Builder] Cached index page during Install'+ response.url);
return cache.put(indexPage, response);
});
}));
});
self.addEventListener('fetch', function(event) {
const updateCache = function(request){
return caches.open('pwabuilder-offline').then(function (cache) {
return fetch(request).then(function (response) {
console.log('[PWA Builder] add page to offline'+response.url)
return cache.put(request, response);
});
});
};
event.waitUntil(updateCache(event.request));
event.respondWith(
fetch(event.request).catch(function(error) {
console.log( '[PWA Builder] Network request Failed. Serving content from cache: ' + error );
return caches.open('pwabuilder-offline').then(function (cache) {
return cache.match(event.request).then(function (matching) {
var report =  !matching || matching.status == 404?Promise.reject('no-match'): matching;
return report
});
});
})
);
})

Masukkan pautan ke halaman yang ingin anda ubah menjadi PWA:

Ubah menjadi PWA

Opsyen

Tajuk (name, {{ json.name.length }}/45):

Nama pendek (short_name, {{ json.short_name.length }}/12):

Laman Utama (start_url):

Kawasan navigasi (skop):

Mod paparan:

Orientasi:

Penerangan:

Color (theme_color):

Latar belakang (background_color):

Ikon:

{{icon.src}} ({{icon.sizes}}) ×

Ikon sekurang-kurangnya 256x256 piksel diperlukan! Tambahkan pautan ke ikon melalui borang di bawah:

Tambah

Memasang PWA

1. Muat turun arkib dari pautan di bawah

Muat turun

2. Unzip arkib dan letakkan kandungan dalam folder root tapak supaya fail itu manifest.json dibuka oleh pautan ini

3. Pasang dalam <head> bahagian halaman laman web mempunyai kod berikut:

<link rel="manifest" href="/manifest.json"> <script src="/app.js"></script>

Penjana PWA

{{ errorTitle }}

Opsyen

Memasang PWA