适用于 Android 的元标记“apple-mobile-web-app-capable”？答案

【问题标题】：Meta Tag "apple-mobile-web-app-capable" for Android?适用于 Android 的元标记“apple-mobile-web-app-capable”？
【发布时间】：2011-06-04 18:18:00
【问题描述】：

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

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

【问题讨论】：

具有讽刺意味的是，苹果已经放弃了对 PWA 的明确支持，而 Chrome/Android 已将其提升到一个新的水平。十年后的 2021 年 PWA 的情况。

标签： android html web-applications meta-tags mobile-webkit

【解决方案1】：

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">

名称属性必须是“mobile-web-app-capable”并且内容属性必须是 “是”（不区分大小写）。如果内容中有任何其他值属性网络应用程序将被添加为常规书签。

虽然我没有任何可以测试的运行 Chrome M31 的设备，但我认为这意味着早在 Chrome M31 时就支持全屏网络应用程序，设备的主屏幕上有一个图标，前提是你使用 mobile-web-app-capable 元标记。

【讨论】：

我意识到这是一个老问题，但是当我来到这里寻找这个问题的答案时，这是我的第一个搜索结果。我继续搜索并找到了答案elsewhere，并认为我作为一个优秀的互联网公民有责任回到这里并确保下一个搜索者会在这里找到答案。
同样的笑话。 2019

【解决方案2】：

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

【讨论】：

【解决方案3】：

我不相信。

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

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

【讨论】：

这种方法的失败在于被捆绑到一个生态系统中，并且拥有一个可能会过时的应用程序。 Web 开发已经够让人头疼的了。不过还是谢谢。

【解决方案4】：

使用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：Removing address bar from browser (to view on Android)

【讨论】：

【解决方案5】：

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

【讨论】：

不错，您可以在主屏幕上创建快捷方式，但它只是一个书签。在 iPhone/iOS 上，“书签”（WebApp）具有特殊功能，例如在没有菜单栏的情况下打开、加载图像和自定义图标。它也被加载到一个独立的 Safari 副本中，所以如果浏览器被锁定在限制下，网络应用程序仍然会加载。这在 Android 上可行吗？