PWA INSTALL
把航舟装进主屏
PWA(渐进式 Web 应用)无需下载 APP 安装包——三步操作即可获得全屏、独立图标与离线缓存能力。
iPhone / iPad(Safari)
01第 1 步 · 分享
在 Safari 打开 hangzhou.wang,点底部工具栏的「分享」按钮(方框带向上箭头)。
02第 2 步 · 添加到主屏幕
在分享菜单中向下滑动,找到「添加到主屏幕」并点击。
03第 3 步 · 确认安装
确认名称(可改为「航舟网」),点右上角「添加」——主屏出现 LL7 方框图标即成功。
Android(Chrome)
01第 1 步 · 安装应用
在 Chrome 打开 hangzhou.wang,点右上角 ⋮ 菜单,选择「安装应用」或「添加到主屏幕」。
02第 2 步 · 确认
在弹窗中点「安装」——LL7 方框图标出现在主屏/桌面。
03第 3 步 · 离线使用
安装后已访问过的页面会被缓存,断网打开 App 会显示已缓存内容或离线提示页。
离线能力说明
- · 已浏览的文章、地点与路线页面自动缓存(StaleWhileRevalidate),断网可读
- · 图片与字体资源优先走本地缓存(CacheFirst),离线加载更快
- · 未访问过的页面在离线时会显示 /offline 离线提示页
- · 地图底图瓦片依赖外网(CARTO/Esri),离线时底图不可用但标记仍显示