一个简单的PWAdemo

Service Worker

  • 能够代理请求
  • 能够操作浏览器缓存,通过将缓存的内容直接返回,即使离线的情况也能让页面瞬间打开。
  • 可以预存储关键文件
  • 可以淘汰过期的文件进行版本控制等等。

ngrok

将内网站点穿透到外网,提供https协议,方便调试

offline.js

很方便的监听PWA是在线状态还是离线状态,以便做对应的处理

offline-plugin

工程化的PWA工具插件
配合webpack,相当强悍,谁用谁知道~

manifest

配置manifest.json文件,将页面像原生app一样添加到桌面

GitHub: GitHub地址

分享到:
Disqus 加载中...

如果长时间无法加载,请针对 disq.us | disquscdn.com | disqus.com 启用代理