作者 更新 2018-01-22: 此文章已在 Firefox 58 稳定版发布时更新，以反映轻微的 UI 更改以及文档更新。
2010 年，“响应式网页设计”（RWD）的概念开始在网页开发圈子中引起共鸣。随着时间的推移，它成为了一种推荐的最佳实践，并通过许多增强 RWD 的网络技术的出现而得到加强，例如响应式图像、@supports、flexbox、grid 以及更多内容。如今，几乎所有网站的核心都是以 RWD 原则构建的：与过去以桌面为主的网络相比，这确实是一个巨大的进步。
在过去两年中，一个类似且互补的演变正在发生：渐进式 Web 应用 (PWA)，这是一个用于一组新的标准化浏览器技术的总称，这些技术结合了网络的低摩擦性以及我们通常与原生应用相关的可靠性和功能，正在取得进展，越来越多的顶级在线服务分享他们的成功故事，并且浏览器支持正在增加。
虽然 Chrome 团队一直是 PWA 努力的先锋，但其他浏览器也一直在发布支持的实现，Mozilla 也积极参与其中：Service Workers 和 Push，两种为 PWA 提供动力的技术，于去年在 Firefox 44 中发布，Mozilla 的 Marcos Caceres 一直在领导Web App Manifest 规范工作。
“添加到主屏幕”在 Firefox 58 for Android 中推出
因此，为了继续我们对让 PWA 在移动设备上获得最佳体验的承诺，我们很高兴地宣布，Firefox 58 for Android 在 “添加到主屏幕”功能 的形式中，提供了 Web App Manifest 支持。
当 Firefox 58 用户访问通过 HTTPS 提供服务且具有有效清单的网站时，地址栏中会显示一个微妙的徽章：点击该徽章，一个“添加到主屏幕”确认对话框会滑入，通过该对话框可以将 Web 应用添加到 Android 主屏幕。从那里启动时，Web 应用将以配置的视图模式和方向显示，并且会在应用程序切换器中显示为单独的条目。请注意，目前不支持 beforeinstallprompt，但它可能在未来的版本中添加：我们正在调查如何进行。
添加页面快捷方式的新菜单选项
值得注意的是，现在三点溢出菜单的“页面”部分还提供了一个新的“添加页面快捷方式”选项，允许用户在其主屏幕上放置指向任何 URL 的简单快捷方式——当您想要在指尖保存指向公交时刻表、体育版块或其他特定页面的快速链接时，此功能非常方便。点击快捷方式图标时，相关网页将在完整浏览器 UI 中打开，就像书签一样。
外部链接在自定义标签页中打开
另一个很酷的功能是处理外部链接的方式：当用户浏览已安装的渐进式 Web 应用并点击外部链接时，相关页面将在自定义标签页中打开。这样可以保证用户的安全，因为 URL 和安全信息可见，可以加快页面加载时间（自定义标签页比完整浏览器加载速度更快），保留渐进式 Web 应用的颜色品牌，并且符合原生应用程序的行为。
下一步是什么？
在即将发布的版本中，我们计划增加对其他与 PWA 相关的 API 的支持：我们的后台同步实现正在进行中（目前的目标是 Firefox 59），我们对 支付请求 和 Web Share API 也感到非常兴奋。
因此，请在 Firefox for Android 中试用“添加到主屏幕”实现。请继续关注未来版本中将推出的更多精彩功能！
6 条评论