Question

我正在开发一个移动网络应用。目前我有这个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>' );
}

我有几个问题：

window.navigator.standalone是否适用于Android手机？
用户将移动网络应用添加到主屏幕的过程是什么？我试图寻找浏览器截图，但没有找到任何可靠的来源。
~~是否有相当于iPhone的“apple-touch-icon”链接元素？~~找到了answer to this here。

Answer 1

Web应用程序无法直接在Android主屏幕上运行。因为它需要一些其他定制的主屏幕。现在有两家公司正在努力提供一个Android平台来独立运行Web应用程序。

Obigo WRT
戏

您可以将Web应用程序设置为窗口小部件，然后它将在该运行时中运行。目前obigo提供了定制的主屏幕。 opera将在应用程序中运行Web小部件。

Answer 2

Chrome或Android浏览器不支持

window.navigator.standalone。

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

但是，此时无法检测它是否以独立方式运行。

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

Android相当于iPhone的“添加到主屏幕”？

2 个答案: