ژنراتور 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
});
});
})
);
})

لینک صفحه ای که می خواهید به PWA تبدیل کنید را وارد کنید:

آن را به یک PWA تبدیل کنید

گزینه ها

عنوان (name, {{ json.name.length }}/45):

نام کوتاه (short_name, {{ json.short_name.length }}/12):

صفحه اصلی (start_url):

منطقه ناوبری (محدوده):

حالت نمایش:

جهت گیری:

توضیحات:

رنگ (تم_رنگ):

پس زمینه (background_color):

آیکون ها:

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

یک آیکون حداقل 256x256 پیکسل مورد نیاز است! از طریق فرم زیر یک لینک به آیکون اضافه کنید:

اضافه کردن

نصب PWA

1. آرشیو را از لینک زیر دانلود کنید

دانلود فیلم

2. آرشیو را باز کنید و محتویات را در پوشه ریشه سایت قرار دهید تا فایل manifest.json باز شده توسط این لینک

3. نصب در <head> بخش هایی از صفحه سایت کد زیر را دارند:

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

ژنراتور PWA

{{ errorTitle }}

گزینه ها

نصب PWA