引言
在做 PWA 的过程中自己写了一些相关的应用和工具,在这里整合下,方便记录及查找使用。
应用列表
- PWA 支持检测工具
- 番茄钟
- 二维码生成
- 新闻应用
- 身体数据统计应用
- 支付宝集福应用
- 田英章书法字典应用
PWA 支持检测工具
地址:lecepin.gitee.io/detect-sw/ 二维码:
界面:
可用(下图分别为第一次和第二次进入)
不可用
番茄钟
地址:lp-pwa.gitee.io/pomodoro/ 二维码:
界面:
断网下的优化
二维码生成
地址:lp-pwa.gitee.io/qrcode-web/ 二维码:
界面:
新闻应用
地址:lp-pwa.gitee.io/news/ 二维码:
界面:
身体数据统计应用
地址:lp-pwa.gitee.io/body_status… 二维码:
界面:
支付宝集福应用
地址:lp-pwa.gitee.io/fu/ 二维码:
界面:
工具
lp-pwa-cli
地址:www.npmjs.com/package/lp-… 描述: 为了开发提效,写了一个 window 环境下的接入 PWA 的方案。sw 层,默认添加了 workbox v3.x 的支持。
workbox v3.x v4.x
地址:github.com/GoogleChrom… 描述: 这个库是 Google 自产的,非常好用。 之前用的是 v3.x 版本,只提供了 serviceWorker 环境下的库。 现在的 v4.x 版本,增加了 window 环境下的库。
pwacompat
地址:github.com/GoogleChrom… 描述: PWA 其中的一个特性就是 manifest.json 的支持,但在 IOS 下并不支持此特性,而是有一套自己的特性标签来实现。 pwacompat 库就可以实现此兼容功能。
博客名称:王乐平博客
优快云博客地址:blog.youkuaiyun.com/lecepin