35

有没有办法像在 iPhone 上一样创建 Android Web 应用程序？

在 HTML 页面的 head 元素中使用“apple-mobile-web-app-capable”元标记，它通知 Apple iOS 该应用程序可以安装到用户跳板，以便它在没有菜单的情况下启动 Safari Mobile 浏览器酒吧。

4

5 回答 5

33

Android 上的 Chrome 现在支持元标记mobile-web-app-capable：

从 Chrome M31 开始，您可以设置您的网络应用程序以将应用程序快捷方式图标添加到设备的主屏幕，并使用 Chrome for Android 的“添加到主屏幕”菜单项以全屏“应用程序模式”启动应用程序。

有关mobile-web-app-capable元标记的详细信息，请向下滚动至“支持 M39 之前的主屏幕安装的应用程序”：

从 M31 开始，Chrome 将在网页元素中查找以下元标记（如果有指定显示的清单，则将被忽略）：

<meta name="mobile-web-app-capable" content="yes">

name 属性必须是“mobile-web-app-capable”，而 content 属性必须是“yes”（不区分大小写）。如果内容属性中有任何其他值，则 Web 应用程序将被添加为常规书签。

虽然我没有任何可以测试的运行 Chrome M31 的设备，但我认为这意味着，只要您使用 Chrome M31，全屏网络应用程序（在设备的主屏幕上带有图标）就受支持mobile-web-app-capable元标记。

于 2015-01-14T20:01:16.750 回答
3

由于 Android 也支持 Chrome31+ 主屏幕网络应用程序。见这里。

于 2014-10-03T12:44:10.440 回答
1

我不相信。

但是，检测浏览器是否是 Android 设备并显示指向 Android Market 应用程序的链接（或直接指向 APK）将是相当简单的

由于 Android 有一个 WebView 小部件，因此编写一个加载专用网站或以某种方式包装离线内容（在首次启动时下载或在资产文件夹中提供）的应用程序非常简单

于 2011-04-25T03:00:05.780 回答
1

使用jQuery，可以查看内容的高度是否大于视口高度。如果没有，那么你可以达到那个高度。

$(document).ready(function() { 
  if (navigator.userAgent.match(/Android/i)) { 
    window.scrollTo(0,0); // reset in case prev not scrolled   
    var nPageH = $(document).height(); 
    var nViewH = window.outerHeight; 
    if (nViewH > nPageH) { 
      nViewH -= 250; 
      $('BODY').css('height',nViewH + 'px'); 
    } 
    window.scrollTo(0,1); 
  } 

});

归功于 meagar：从浏览器中删除地址栏（在 Android 上查看）

于 2012-09-06T16:15:19.190 回答
0

您可以在主屏幕上创建书签（=任何网页）的快捷方式。

于 2011-01-06T17:40:35.497 回答