安卓系统中类似于iPhone的“添加到主屏幕”的功能是什么？

Question

我正在开发一款移动Web应用。目前，我有这段jQuery代码片段，用于检查应用程序是否在全屏模式下运行：

if ( !window.navigator.standalone )
{
    $('#content').before( '<div class="notice">To enjoy the mobile experience to its fullest, tap the arrow button on the toolbar below, choose <b>Add to Home Screen</b>, then launch it from there.</div>' );
}

我有几个问题:

1. window.navigator.standalone在Android手机上工作吗？
2. 用户如何将移动Web应用程序添加到主屏幕？我尝试查找浏览器截图，但没有找到可靠的来源。
3. 是否有类似于iPhone的“apple-touch-icon”链接元素的等效物？ 在这里找到了答案：link。

- DisgruntledGoat

Answer 1

一个Web应用不能直接在Android主屏幕上运行。为此，它需要一些其他定制化的主屏幕。目前有两家公司正在努力提供从Android到独立运行Web应用程序的平台。

• Obigo WRT
• Opera

在这里，您可以将Web应用程序制作为小部件，然后将其运行在该运行时中。当前，Obigo已经提供了定制化的主屏幕。其中，Opera将在应用程序内运行Web小部件。

- Saurabh Pareek

---

我用模拟器快速试玩了一下，你可以将页面添加到主屏幕的书签中（它甚至会自动获取apple-touch-icon）。但是打开页面并不能全屏显示。你是说目前Android网页在浏览器中无法全屏运行吗？ - DisgruntledGoat

Answer 2

window.navigator.standalone 在 Chrome 或 Android 浏览器上不受支持。

用户现在可以手动添加到主屏幕，类似于 iOS，但仅适用于 Chrome 浏览器，而不是 Android 原生浏览器。因此，这只适用于较新的 Android 手机。

然而，目前没有办法检测是否在独立模式下运行。

请参阅 Chrome 参考文献： https://developers.google.com/chrome/mobile/docs/installtohomescreen

- mike nelson