Meta Tag “apple-mobile-web-app-capable” for Android?
-
26-09-2019 - |
题
有没有一种方法可以在iPhone上创建Android Web应用程序?
使用HTML页面的HEAD元素中使用“ Apple-Mobile-Web应用程序”的元标记,它告诉Apple iOS可以将应用程序安装到用户Springboard,以便它启动Safari移动浏览器,而无需菜单酒吧。
解决方案
Android上的Chrome现在支持元标签 mobile-web-app-capable
:
自Chrome M31以来,您可以设置Web应用程序,以将应用程序快捷键图标添加到设备的HomeScreen中,并使用Chrome使用Chrome将Android的“添加到HomeScreen”菜单项以全屏“应用程序模式”进行全屏启动。
有关有关的详细信息 mobile-web-app-capable
元标记,向下滚动到“在M39之前支持家庭屏幕安装的应用程序”:
由于M31,Chrome将在网页的元素中寻找以下元标记(如果指定的显示显示,则忽略了显示):
<meta name="mobile-web-app-capable" content="yes">
名称属性必须为“移动-Web应用程序能力”,并且内容属性必须为“是”(情况非常敏感)。如果内容属性中有其他值,则Web应用程序将作为常规书签添加。
虽然我没有任何可以测试Chrome M31的设备,但我将其解释为意味着在设备的HomeScreen上具有图标的全屏Web应用程序在与Chrome M31的距离上得到了支持,只要您使用该应用程序, mobile-web-app-capable
元标记。
其他提示
由于Chrome31+主屏幕Web应用程序在Android上也得到了支持。看 这里.
我不相信。
然而, ,检测浏览器是否是Android设备,并显示指向Android Market App(或直接指向APK)的链接是相当微不足道的。
由于Android具有一个WebView小部件,因此编写一个加载专用网站或以某种方式包装脱机内容的应用程序非常微不足道(在First-launch下载或在资产文件夹中运送)是非常微不足道的。
使用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上查看)
您可以在HomeScreen上创建以书签(=任何网页)的捷径。