PWA资料整理(一):Manifest 添加至桌面
(没时间解释了,先学了再说)
PWA 本身不是一套技术栈,而是一个理念,是使用一系列的技术,改进 Web 应用在安全、性能、体验等方面的表现,并渐进式的达到原生应用的表现能力。
Google 官网针对于 PWA 给出的关键词是:
- Reliable - Load instantly and never show the downasaur, even in uncertain network conditions.
- Fast - Respond quickly to user interactions with silky smooth animations and no janky scrolling.
- Engaging - Feel like a natural app on the device, with an immersive user experience.
可靠、快速以及良好的使用体验,也即是通过 Web Application 来提供媲美原生应用的服务。虽然在当前移动端用户已经习惯了将各个独立应用作为入口的环境下,PWA 的理念在未来的发展福祸未卜,不过作为开发者还是先学习了再说,有备无患。
关于 PWA 相关的内容,将划分为三个博客对部分技术要点进行资料整理(搬运 ),分别为:
- Manifest 添加到桌面(本篇)
- Service Worker 离线缓存
- Service Worker 消息推送
Manifest
说到这个就想起来之前刚到实验室的时候,姜工提的 web 添加桌面快捷方式的需求。由于 Web 应用本身权限比较低,不能自动添加,只能借助浏览器所带的功能,因此那个需求也就不了了之。
PWA 提供了 Web App Manifest 用以将 Web Application 安装到设备的主屏幕。
Manifest 示例
Manifest 只需要简单的添加 link 标签就能够完成部署:
<link rel="manifest" href="manifest.json" />
这里是一个 mani