Firefox Mobile 101：如何使用新的 Quantum 将网站变成主屏幕上的应用程序 Browser

有 超过 300 万个应用程序 在里面 Google Play 商店，全部针对您手中的小屏幕进行了优化。 尽管这个数字听起来很可怕，但由于应用程序开发成本高昂，仍然有许多在线工具和网站需要使用移动浏览器。 然而，这就是渐进式网络应用程序 (PWA) 的用武之地，它将网站转换为移动应用程序的一种经济高效的方式。

PWA 是可以保存到主屏幕的网站，其行为与从主屏幕安装的应用程序类似 Google 玩。 他们使用与原生类似的动画和风格 Android 应用程序和针对您的智能手机进行了优化（在性能和设计方面）。 使用 PWA 提供与原生体验几乎相同的体验 Android 应用程序，配有推送通知和离线使用。

目前只有少数 Android Browser 支持该功能，例如 Google Chrome允许其包含在新的Mozilla中 Firefox Browser 一种难得的享受。 甚至 iOS 自 WebKit（WebKit）以来，用户仍在等待 PWA Browser引擎） Apple 需要使用所有 Browser）不支持它（尽管他们刚刚支持了）。 添加一些支持 iOS 11.3）。

第 1 步：安装 Firefox 为了 Android 贝塔

要访问此功能，您需要 beta 的版本 Firefox。 虽然 Mozilla 的一些新功能 Firefox 量子函数已进入主目录 Firefox Browser 应用程序用于 Android 版本 57 将具有更令人印象深刻的 Quantum 功能 这 Firefox beta 公寓 直到他们进入常规版本。

幸运的是，您无需加入任何特殊团体或经历任何重大障碍即可获得此信息 beta 配备家具； 它可以在 Google Play 商店与任何其他应用程序一样，独立于常规应用程序运行 Firefox Browser 公寓

第 2 步：查找支持 PWA 的网站

要尝试 PWA，您需要导航到支持该功能的网站。 目前支持的网站集合有限，但 Google 随着 Mozilla 推动这项技术的采用，这个集合将迅速增长。

作为示例，我们将使用该网站 纸飞机世界，一款在线游戏，可以让您深入了解渐进式网络应用程序的实现。 如果你想探索不同的例子， PWA岩石 提供了大量 PWA 供您尝试。

第 3 步：在主屏幕上添加您的第一个 PWA

当您导航到 paperplanes.world 或任何其他 PWA 网站时 Firefox 为了 Android 对于 Beta 应用程序，您会在 URL 右侧看到一个带有加号的主页图标。 该图标的出现表明该网站支持 PWA。 通过选择此图标，您可以像任何其他应用程序一样将网站添加到主屏幕。

选择“添加到主页”按钮后，系统将询问您是否要自动或手动添加它们。 对于前者，只需选择“自动添加”，对于后者，长按它，然后将其放在主屏幕上您想要的位置。

添加后，该图标将提供指向该网站的链接，而无需显示 Browser 永远需要打开。 就 paperplanes.world 而言，该网站的工作方式与您通过以下方式安装在设备上的任何其他游戏类似： Google 加载游戏。

Firefox Mobile 101：如何使用新的 Quantum 将网站变成主屏幕上的应用程序 Browser

PWA 的好处是 Firefox

当您选择主屏幕上新添加的图标时，您会注意到一些突出的事情。

  • 他们很快。 与移动网站不同，与 PWA 的交互要快得多，因为与桌面相比，移动设备更受关注。
  • 它们对触摸友好。 这些网络应用程序是从头开始为触摸屏设计的，具有更大的文本和可滚动的空白区域。
  • 它们与常规应用程序类似。 还支持推送通知，以及离线使用的支持。
  • 它们是跨平台的。 这些应用程序不依赖于操作系统。 虽然仅支持 Android 目前，当 Apple 添加对 PWA 的支持，开发人员无需为两个平台创建应用程序。 相反，他们可以创建一个无论用户使用什么设备都可以正常工作的 PWA。
Firefox Mobile 101：如何使用新的 Quantum 将网站变成主屏幕上的应用程序 Browser
Firefox Mobile 101：如何使用新的 Quantum 将网站变成主屏幕上的应用程序 Browser
Firefox Mobile 101：如何使用新的 Quantum 将网站变成主屏幕上的应用程序 Browser

这些只是渐进式网络应用程序可以访问的一些功能和工具。

PWA 的缺点 Firefox

如上面的屏幕截图所示，渐进式 Web 应用程序有一些限制。

  • 无法使用传感器。 PWA 无法访问 NFC 和蓝牙等某些传感器，这限制了应用程序的开发。
  • 仅已安装 Browser 无障碍。 添加到主屏幕时，该图标仅在 Browser 保持安装状态。
  • 您无法在应用程序抽屉中看到它们。 该图标仅出现在您的主屏幕上。 不像 ChromePWA 那样 Firefox 您的应用程序抽屉中不提供 Beta 版本。
  • 你会看到 Firefox 象征。 如果你使用 Android 奥利奥，一个 Firefox 该图标将覆盖在右下角的 PWA 图标上。 然而进一步 Android 牛轧糖，那是不存在的。
  • 没有保存的凭据。 PWA 无法收集和存储用户数据，因此用户无法存储凭据。
Firefox Mobile 101：如何使用新的 Quantum 将网站变成主屏幕上的应用程序 Browser
Firefox Mobile 101：如何使用新的 Quantum 将网站变成主屏幕上的应用程序 Browser

不 Firefox 图标打开 Android 7.1.2 牛轧糖（左）与此 Firefox 图标打开 Android 8.0 奥利奥（右）。

增加了对渐进式 Web 应用程序的支持， Firefox 使自己成为其中难得的同伴 Android Browser。 随着路过 Google 和 Mozilla，更多网站将变得兼容，将浏览器的主要功能更改为托管这些应用程序的中心，而不是主要用于浏览网络。

Related Posts