什么是pwa?
它与传统的网页应用有啥区别?
网友回复
PWA(Progressive Web Apps,渐进式 Web 应用)运用现代的 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用程序。
要将一个普通网站转成PWA网站,只需要添加两个文件: manifest.json和service-worker.js
前者是对APP的说明,后者是我们进行cache操作的地方 manifest.json
在这个配置文件里我们可以定义: name: APP的名称 short_name: 被添加到桌面(相当于安装)后, app图标下面的名称 start_url: 打开应用时所处URL display: 指定成standlone就能显示的跟原生APP一样(没有浏览器导航栏之类的东西)
其他还有背景颜色和图标之类的,都是些简单的属性在MDN上查一下就完事了: https://developer.mozilla.org/en-US/docs/Web/Manifest service-worker.js(简称sw)
要用sw,首先要在index.html里对sw进行注册
if('serviceWorker' in navigator){ navigator.serviceWorker.register('/sw.js') .then(reg => console.log('service worker registered')) .catch(err => console.log('service worker not registered', err)); }
sw相当于一个安装器+拦截器,简单说下这个安装过程是怎么实现的: 每次执行navigator.serviceWorker.register('/sw.js')都会重新下载sw.js这个文件,就像每次打开网络游戏都要先检查更新登陆器一样, 然后登陆器会告诉我们是不是要下载安装补丁包。如果新下载的sw.js跟之前稍微有点不一样,我们的网站都会被认为是...
点击查看剩余70%
有没有开源的项目将图片视频声音文字转场特效编排自动生成剪映草稿json文件?
有没有摄像头捕获眼球转动操作鼠标的开源代码?
localstorage如何生成自增的键值对进行增删改查?
python有没有将python脚本与python运行环境一键打包成exe的代码?
nodejs如何执行浏览器中运行的js代码?
iframe中如何阻止其他域名网页的打开或跳转?
webrtc如何实现多人音频电话会议?
如何实现uni.connectSocket兼容web与小程序app端的websocket通讯?
webrtc如何浏览器中实现多人群音视频通话会议?
indexdb中的表结构与数据如何导出导入恢复?