PWA 测试应用

一个最简单的渐进式网页应用,验证离线与安装能力

运行状态

网络状态 在线
离线缓存(Service Worker)
当前显示方式 检测中

怎么装到手机

  1. 用 Safari 打开这个网址
  2. 点底部中间「分享」按钮
  3. 选「添加到主屏幕」,点右上角「添加」
  4. 回到桌面,会出现这个应用的图标

验证离线能力

正确顺序:先保持联网打开本页,等上方出现绿色「缓存已就绪」提示,再把手机切成飞行模式,重新点开桌面图标。页面还能正常打开,就说明离线缓存跑通了。