可以想象,Google 是第一个提出“渐进式 Web 应用”这一术语的人。实际上,Google Chrome 工程师 Alex Russell 和设计师 Frances Berriman于 2015 年首次使用该术语来描述利用现代 Web 浏览器支持的新功能的应用。但就渐进式 Web 应用而言,Google 无疑在推动这一进步方面发挥了作用。就像 Google 所说的许多事情一样,大众对此深信不疑——现在互联网上充斥着这样的标题:“渐进式 Web 应用:移动的未来?”和“渐进式 Web 应用是 Web 开发未来的 5 个理由”。
它们是否改善了移动体验
是的,毫无疑问。您的移动应用程序开发是否应该从原生应用程序转换为渐进式 Web 应用程序?也许吧,但请继续阅读以获取全部信息。
渐进式 Web 应用程序的特征
渐进式 Web 应用程序
图片来源:Developers.google.com
可以将其视为一个迷你渐进式 Web 应用教程,介绍渐进式 Web 应用 (PWA) 的真正含义。
以下是来自 Google 开发人员的详细说明:
渐进式:适用于每个用户,无论选择哪种浏览器,因为它是以渐进增强为核心原则构建的。
响应式:适合任何外形尺寸:台式 手机号码数据 机、手机、平板电脑或任何未来的设备。
独立于连接:通过服务人员增强,可以离线或在低质量网络上工作。
类似应用程序:由于它建立在应用程序外壳模型上,因此对用户来说,它就像一个具有应用程序风格交互和导航的应用程序。
新鲜:
得益于服务工作者更新过程,始终保持最新状态。
安全:通过 HTTPS 提供服务,以防止窥探并确保内容不被篡改。
可发现:借助 W3C 清单和服务工作者注册范围,可识别为“应用程序”,从而允许搜索引擎找到它。
重新参与:通过推送通知等功能轻松重新参与。
可安装:允许用户在主屏幕上“保留”他们认为最有用的应用程序,而无需应用商店的麻烦。
可链接:通过 URL 轻松共享,不需要复杂的安装。
PWA 结合了网页和移动设备的优点
让您的网站看起来像是一个应用程序。随着您 aero线索 逐渐使用它,它变得越来越快,直到您开始质疑为什么您要使用其他任何应用程序。首先,PWA 有两个部分:应用程序外壳和服务工作线程。
应用外壳
应用外壳
图片来源:Developers.google.com
那么,什么是应用外壳?Google将其 科学家发现视觉想象力缺乏与长期记忆之间的联系 定义为“为渐进式 Web 应用的用户界面提供支持所需的最少 HTML、CSS 和 JavaScript ”。更具体地说,它使应用的用户界面和内容保持分离。应用外壳加载网站,然后服务工作线程(我们稍后会介绍)获取数据 — 最佳协同作用。为了更好地理解,PWA 就像一个使用 Web 技术构建的网站,位于应用外壳内,使其具有吸引力并感觉像是一个应用。