📱
PWA 测试应用
一个最简单的渐进式网页应用,验证离线与安装能力
运行状态
网络状态
在线
离线缓存(Service Worker)
当前显示方式
检测中
怎么装到手机
用 Safari 打开这个网址
点底部中间「分享」按钮
选「添加到主屏幕」,点右上角「添加」
回到桌面,会出现这个应用的图标
验证离线能力
✓ 缓存已就绪,现在可以把手机切成飞行模式,再点开桌面图标测试
正确顺序:先保持联网打开本页,等上方出现绿色「缓存已就绪」提示,再把手机切成飞行模式,重新点开桌面图标。页面还能正常打开,就说明离线缓存跑通了。
安装到主屏幕
重新加载页面