Установка Pwa, установка собственной кнопки в JS + HTML + CSS ⇐ Html

[Anonymous]

Я знаю, как выполнить интеграцию pwa, и браузер предлагает установку с сообщением «Добавить --- на главный экран». Мое желание следующее: я хотел бы установить на интегрированном веб-сайте PWA персонализированную кнопку «Установить мобильную версию» в HTML, чтобы мои пользователи могли устанавливать прогрессивное веб-приложение по мере необходимости, особенно когда они желают. Они не обязательно будут ждать, пока браузер предложит им установку. Я уже выполнил интеграцию PWA и браузер уже предлагает установку. Проблема в том, что я действительно не знаю, как мне использовать постоянную прогрессивную кнопку установки веб-приложения в формате html + javascript, которую пользователи будут видеть на моем веб-сайте помимо того, что предлагает браузер.Вот мой service-worker.js и мой index.html

Код: Выделить всё

var CACHE_NAME = 'PWA-installation';
var urlsToCache = [
'index.html',
'./',
'styles.css',
'scripts/network.js',
'scripts/ui.js',
'scripts/clipboard.js',
'scripts/theme.js',
'sounds/blop.mp3',
'images/favicon-96x96.png'
];

self.addEventListener('install', function(event) {
// Perform install steps
event.waitUntil(
caches.open(CACHE_NAME)
.then(function(cache) {
console.log('Opened cache');
return cache.addAll(urlsToCache);
})
);
});

self.addEventListener('fetch', function(event) {
event.respondWith(
caches.match(event.request)
.then(function(response) {
// Cache hit - return response
if (response) {
return response;
}
return fetch(event.request);
}
)
);
});

Код: Выделить всё

pwa








[url=#]
Install PWA
[/url]

Подробнее здесь: https://stackoverflow.com/questions/705 ... s-html-css