美文网首页
渐进式WEB程序

渐进式WEB程序

作者: readilen | 来源:发表于2018-04-27 14:57 被阅读17次

是利用现代浏览器的特性,可以添加到主屏幕上,表现得像原生应用程序一样的 Web 应用程序。

什么是渐进式 Web 应用

渐进式 Web 应用(PWA)本质上与普通的网站没有什么不同 - 它也是由 HTML、CSS 和 JavaScript 组成,并且存活于浏览器中。将 PWA 与普通网站区别开的是它需要满足的 10 个核心概念列表。下面就是直接从 Google 开发者网站上摘录的这个列表:

  1. 安全 – 通过 HTTPS 来提供服务来防止网络窥探,保证内容不被篡改。
  2. 渐进式 – 能够让每一位用户使用,无论用户使用什么浏览器,因为它是始终以渐进增强为原则
  3. 响应式– 适应任何环境:桌面电脑、智能手机、平板电脑,或者其他设备。
  4. 不依赖网络连接 – 通过用 service workers 增强,可以在离线或者低质量网络下工作
  5. 类原生应用 – 有像原生应用般的交互和导航给用户原生应用般的体验,因为它是建立在 app shell model 上的。
  6. 持续更新 – 受益于 service worker 的更新进程,应用能够始终保持更新。
  7. 可发现 – 可识别为“应用程序”,是得益于 W3C manifests 元数据和 service worker 的登记,让搜索引擎能够找到 web 应用。
  8. 可再次访问 – 通过推送通知等特性让用户再次访问变得容易。
  9. 可安装 – 允许用户保留对他们有用的应用在主屏幕上,不需要通过应用商店。
  10. 可链接 – 通过 URL 可以轻松分享应用,不用复杂的安装即可运行。

遵循这些指南,会确保你的应用不仅在浏览器中查看时,还能在单独通过主屏幕快捷键启动时,都运行的不错。你可能会发现 Google 选用的措辞令人相当困惑,不过不要着急,我们会在本教程中一个一个解释这些规则。

相关文章

网友评论

      本文标题:渐进式WEB程序

      本文链接:https://www.haomeiwen.com/subject/lpgblftx.html