如何通知用户访问网站时使用了使用javascript的PWA应用程序
我在研究Progressive Web App(PWA)并编写了一些代码,这些代码运行良好。在这里,我想通知用户-访问网站有PWA,并要求通过警报框安装PWA应用程序。如果用户单击“是”,则设备上安装了PWA如何通知用户访问网站时使用了使用javascript的PWA应用程序,javascript,Javascript,我在研究Progressive Web App(PWA)并编写了一些代码,这些代码运行良好。在这里,我想通知用户-访问网站有PWA,并要求通过警报框安装PWA应用程序。如果用户单击“是”,则设备上安装了PWA 我所调查的-。我搜索了谷歌,但没有发现任何东西。PWA默认特征是弹出并要求安装PWA,因此不需要警报框。如果您配置了服务人员 if ('serviceWorker' in navigator) { window.addEventListener('load', function() {
我所调查的-。我搜索了谷歌,但没有发现任何东西。PWA默认特征是弹出并要求安装PWA,因此不需要警报框。如果您配置了服务人员
if ('serviceWorker' in navigator) {
window.addEventListener('load', function() {
navigator.serviceWorker.register('/sw.js').then(function(registration) {
// Registration was successful
console.log('ServiceWorker registration successful with scope: ', registration.scope);
}, function(err) {
// registration failed :(
console.log('ServiceWorker registration failed: ', err);
});
});
}
及
manifest.json
没错,这就足够了。
例如:
根据-您不能这样做。
{
"short_name": "AirHorner",
"name": "Kinlan's AirHorner of Infamy",
"icons": [
{
"src": "launcher-icon-1x.png",
"type": "image/png",
"sizes": "48x48"
},
{
"src": "launcher-icon-2x.png",
"type": "image/png",
"sizes": "96x96"
},
{
"src": "launcher-icon-4x.png",
"type": "image/png",
"sizes": "192x192"
}
],
"start_url": "index.html?launcher=true"
}