Question

只是想知道我什么时候有iphone我能够创建一个web应用程序，然后在其中放置一些代码，这样当用户按下“添加到主屏幕”时，一个图标将被放置在主屏幕上，当用户点击它时网络应用程序将全屏运行（没有网页导航栏）所以它看起来像一个普通的应用程序（虽然它只会在网络上运行）无论如何我可以用android做这个或我必须编写一个完整的应用程序去做吧？对不起，如果这有点不清楚。谢谢，亚当。

我用于iPhone的内容：

<meta name="viewport" content="user-scalable=no, width=device-width" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-startup-image" href="images/myCustomStartupGraphic.png" />

Answer 1

我不认为这是可能的。一种解决方法是创建一个非常简单的应用程序，其中只包含WebView并将此视频加载到此webView中，然后将此应用程序发布到Play商店中。

WebView webView = findViewById(R.id.webView);
webView.loadUrl("http://awesome.website.com");

然后，在您的网站上，您可以使用HTTP用户代理重定向用户，以便在Android设备上下载此应用。

Answer 2

您现在可以在Chrome Beta for Android中将应用页面添加到主屏幕。这是Chrome M31 Beta的新功能。我不确定它什么时候会被转移到Android的主流Chrome中。要查找Chrome测试版，我不能只搜索Play商店，而是必须在Chrome中进行常规Google搜索。该结果与Play商店中的Chrome Beta相关联。

点击此处的信息以添加主屏幕选项： https://developers.google.com/chrome/mobile/docs/installtohomescreen

这就是我为实现这一目标所做的一切：

将此元标记添加到<head>：

<meta name="mobile-web-app-capable" content="yes">
将此图片链接添加到主屏幕图标的<head>：

<link rel="shortcut icon" sizes="114x114" href="views/img/icon114x114.png" />

我已经制作了几个尺寸的图标，最终在114x114使用了一个。我发现我在iOS上使用的512x512版本的图标在Chrome中无效，sizes="512x512"或sizes="114x114"设置在<link>。 Google推荐的尺寸为196x196。

如果您遇到任何问题，Google Remote Debugger非常适合进行故障排除。 https://developers.google.com/chrome-developer-tools/docs/remote-debugging

Answer 3

您可以将网页添加为书签，然后将其添加到主屏幕。但是，这不会全屏显示。我上次检查时，你需要第三方应用程序。

Answer 4

我不认为这是可能的，因为主屏幕应用程序启动不同的应用程序的方式是通过Launcher意图。如果您的“应用”只是一个网址，则可以通过设置的任何浏览器来收听这些网址，例如股票浏览器，Chrome，Firefox，Opera，Dolphin等。由于每个都有自己的配置，因此无法一致地删除Web导航栏的“chrome”。

您必须使用PhoneGap / Cordova制作包装应用程序，但要意识到嵌入式webview不像完整的浏览器应用程序那样功能齐全，因此始终建议进行测试。

主屏幕上的网络应用程序（iphone风格）？

4 个答案: