PWA-Generator

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
});
});
})
);
})

Geben Sie den Link zu der Seite ein, die Sie in eine PWA umwandeln möchten:

Zu PWA konvertieren

Optionen

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

Kurzer Titel (short_name, {{ json.short_name.length }}/12):

Start Seite (start_url):

Navigationsbereich (Umfang):

Anzeigemodus (Display):

Orientierung (Orientierung):

Beschreibung:

Farbe (theme_color):

Hintergrund (background_color):

Icons:

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

Ein Icon von mindestens 256x256 Pixeln ist erforderlich! Fügen Sie über das untenstehende Formular einen Link zum Symbol hinzu:

hinzufügen

PWA-Installation

1. Laden Sie das Archiv über den folgenden Link herunter

Herunterladen

2. Entpacken Sie das Archiv und legen Sie den Inhalt im Stammverzeichnis der Website ab, so dass die Datei manifest.json eröffnet von unter diesem Link

3. Eingestellt <head> Teil der Website-Seite den folgenden Code:

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

PWA-Generator

{{ errorTitle }}

Optionen

PWA-Installation