Generator 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 tautan ke halaman yang ingin Anda ubah menjadi PWA:

Konversi ke PWA

Opsi

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

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

Halaman awal (start_url):

Area navigasi (ruang lingkup):

Mode tampilan (tampilan):

Orientasi (orientasi):

Deskripsi:

Warna (tema_warna):

Latar belakang (background_color):

Ikon:

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

Ikon minimal 256x256 piksel diperlukan! Tambahkan tautan ke ikon melalui formulir di bawah ini:

Tambahkan

Memasang PWA

1. Unduh arsip dari tautan di bawah ini

Unduh

2. Unzip arsip dan tempatkan isinya di folder root situs web, sehingga file manifest.json dibuka oleh di tautan ini

3. Diatur dalam <head> bagian dari halaman situs web kode berikut:

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

Generator PWA

{{ errorTitle }}

Opsi

Memasang PWA