配置Android Web应用程序

Dan*_*ich 64 html android bookmarks

iPhone网络应用程序有四种配置功能(不包括HTML5应用程序缓存),用于配置将网页作为书签保存到主屏幕时网页的行为方式.

  1. 您可以指定主页图标.
  2. 您可以指定在加载网页时显示的启动图像.
  3. 您可以隐藏浏览器UI.
  4. 您可以更改状态栏颜色.

这四个功能通过向<head>添加标签来实现,如下所示:

<link rel="apple-touch-icon" href="/custom_icon.png"/>
<link rel="apple-touch-startup-image" href="/startup.png">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
Run Code Online (Sandbox Code Playgroud)

当然,这些"苹果"特定标签中没有一个在Android中做任何事情.但有没有办法做同等的事情?[至少,我希望用户能够将我的网页添加到他们的Android主屏幕(例如在Android 2.0中)并拥有一个非常高分辨率的图标.

Tre*_*hns 45

当您在主屏幕上创建书签的快捷方式时,Android将使用apple-touch-icon-precomposedif present(但不是apple-touch-icon)作为高分辨率图标:

<link rel="apple-touch-icon-precomposed" href="/custom_icon.png"/>
Run Code Online (Sandbox Code Playgroud)

至于其他功能,我认为目前没有任何方法可以做到这一点,而不会发布充当您网站包装的Android应用程序.

  • 这似乎不适用于HTC Evo; 它可能不适用于任何HTC Sense UI设备. (3认同)
  • 我只是用我的Nexus7尝试过这个 - 但没有运气.显示一个丑陋的书签图标与中间太小的图标... :( (2认同)

Dav*_*d C 27

这是一个过时的问题,因此答案已经改变.新版机器人上的Chrome有自己的meta标签.确保添加到主屏幕,然后从主屏幕启动.普通书签是不够的.Chrome目前使用了一些apple指令,但底部的三个是android魔术.

<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="startup.png">
<link rel="apple-touch-icon" href="youricon.png"/>
<link rel="apple-touch-icon-precomposed" sizes="128x128" href="youricon.png">

<meta name="mobile-web-app-capable" content="yes">
<link rel="shortcut icon" sizes="196x196" href="youriconhighres.png">
<link rel="shortcut icon" sizes="128x128" href="youricon.png">
Run Code Online (Sandbox Code Playgroud)


小智 22

这可能是读者感兴趣的:

http://code.google.com/p/android/issues/detail?id=7657

在2.1-update1中,在Droid上,我推测其他2.*OS手机,当向主屏幕添加书签时,如果链接rel ="apple-touch-icon"或apple-touch,主屏幕仅显示自定义图标-icon-precomposed有一个完整的url路径.