如何解决将PWA中的随机行为安装为WebAPK
我使用reactjs创建PWA应用并按照以下步骤执行/执行以将其安装为WebAPK(在Android chrome中):
1-有效manifest.json
2-安装serviceworker
3-受信任的https证书
但是当点击添加到主屏幕时:
_大多数情况下均以快捷方式安装
_有时将应用安装为WebAPK并添加到应用列表
我的manifest.json是这样的:
{
"short_name": "myApp","name": "MyApp","icons": [
{
"src": "digi_64.png","sizes": "64x64","type": "image/png","purpose": "any maskable"
},{
"src": "digi_192.png","sizes": "192x192",{
"src": "digi_256.png","sizes": "256x256",{
"src": "digi_512.png","sizes": "512x512","purpose": "any maskable"
}
],"start_url": "/","display": "standalone","scope": "/","orientation": "portrait","theme_color": "#009688","background_color": "#FFFFFF"
}
我的service-worker.js像这样:
if (typeof importScripts === 'function') {
importScripts('https://*****.com/wb/workbox-sw.js');
/* global workbox */
if (workbox) {
console.log('Workbox is loaded');
workbox.setConfig({debug: true,});
workbox.core.skipWaiting();
workbox.core.clientsClaim();
/* injection point for manifest2 files. */
workbox.precaching.precacheAndRoute([{"revision":"482c307b535cf7a7fbe9460442b55dca","url":"index.html"},{"revision":"98b6e856dfde863e1a6fe4805f1697e4","url":"precache-manifest.98b6e856dfde863e1a6fe4805f1697e4.js"},{"revision":"1f3e10ff760fbad3f46f5002dd79bd63","url":"static/css/2.3cacd7bc.chunk.css"},{"revision":"376ca0485936b424c1df510f151b2aa9","url":"static/css/main.1e1ff1ee.chunk.css"},{"revision":"f89239b5271cfa9ec33a13390bb4ffa1","url":"static/js/2.03724f23.chunk.js"},{"revision":"1ea92516068f62199d362ad2a1f3d0fa","url":"static/js/main.a8d04045.chunk.js"},{"revision":"175ae123e9bc4f88a4f3228075f328a7","url":"static/js/runtime-main.01ce8b7d.js"}]);
} else {
// console.log('Workbox could not be loaded SWA. No Offline support');
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。