渐进式Web 应用 (PWA) 是使用 Web 技术生成的应用程序,可以从一个代码库安装并可在所有设备上运行。

PWA 在支持设备上为用户提供类似于本机的体验。 它们适应每个设备支持的功能,还可以在 Web 浏览器(如网站)中运行。

若要开始构建 PWA,请参阅 PWA 入门

视频:Ignite |2021 年 3 月 |点燃Web 应用故事

  • PWA 对用户来说是安全的,因为它们使用安全的 HTTPS 终结点和其他用户安全措施。
  • PWA 适应用户的屏幕大小或方向以及输入法。
  • PWA 可以使用 WebBluetooth、WebUSB、WebPayment、WebAuthn 或 WebAssembly 等高级 Web API。
  • 降低开发成本

    与需要每个平台(例如 Android、iOS 和每个桌面作系统)的特定独立代码库的已编译应用相比,PWA 的跨平台开发成本要低得多

    借助 PWA,可以使用网站、移动应用和桌面应用之间共享的单个代码库, (跨作系统) 。

    跨设备兼容性

    渐进式Web 应用 (PWA) 是使用托管在 Web 服务器上并在 Web 浏览器引擎中运行的 HTML、CSS 和 JavaScript 代码生成的。 它们可以直接在 Web 浏览器(如网站)中使用,也可以从应用商店安装到设备上,也可以使用支持浏览器的应用安装功能。 若要详细了解如何在 Microsoft Edge 中安装 PWA,请参阅 安装 PWA

    PWA 的用户体验随设备功能纵向扩展或缩减。 具体而言,在使用 Microsoft Edge 的 Windows 上,可以构建与作系统深度集成的沉浸式体验。 仅使用 Web 技术可确保你的应用可在其他浏览器、作系统和设备上运行。

    桌面计算仍然是许多用户的主要生产力环境。 PWA 可以在继承该环境优势的桌面作系统上提供完全定制的可安装体验。 但是,PWA 也可以安装在移动设备上,或直接在 Web 浏览器中使用。

    缩小 Web 和本机之间的差距

    目前,使用 Web 技术无法执行太多作。 许多曾经只能通过使用特定于设备的语言实现的功能现在都可以通过使用标准 Web 技术来实现。 例如:

  • 处理文件。
  • 与其他应用共享内容。
  • 访问剪贴板。
  • 在后台同步数据和提取资源。
  • 访问设备硬件,例如蓝牙和 USB。
  • 将内容存储在数据库中。
  • 利用硬件加速图形。
  • 使用 CSS 布局、动画和筛选器创建高级设计。
  • 使用 WebAssembly 运行近乎编译的性能代码。
  • 借助 Microsoft Edge,桌面上的 PWA 可以充分利用这些功能,提供用户期望桌面应用能够执行的作。 这些功能跨 Web 和桌面平台提供更具吸引力的体验。

    若要查找 PWA 可以执行的作的示例,请参阅 神话破坏 PWA

    Microsoft应用商店

    由于渐进式Web 应用 (PWA) 与 Microsoft Store 中的其他应用一样,因此用户无需打开浏览器即可完全参与其中(从发现到安装到执行)。

    Microsoft应用商店为用户提供了可信赖且熟悉的应用安装体验。 此外,可以查看详细的使用情况统计信息和图表,让你了解Microsoft应用商店中的应用情况。

    请参阅 将 PWA 发布到 Microsoft 存储

    使用渐进式 Web 应用 (PWA) 技术是使应用 安全 可发现 可链接 易于安装和 更新、 响应和 独立于网络 的好方法。 许多企业在 PWA 方面都取得了成功。 例如:

  • 星巴克PWA每天增加了两次活跃用户。 桌面版订单与移动 ( ) 的费率几乎相同。
  • Trivago 看到,将 PWA 添加到主屏幕的用户增加了 150%。 参与度增加导致酒店优惠 ( ) 的时钟增加了 97%。
  • Tinder 使用 PWA 将加载时间从 11.91 秒缩短到 4.68 秒。 该应用比编译的 Android 应用小 90%, ( ) 。
  • PWA 统计信息 网站上阅读更多成功案例。

  • MDN Web Docs 中的 渐进式Web 应用
  • web.dev 的渐进 式Web 应用。
  • 维基百科的进步 Web 应用
  • PWA Q&A