“苹果的移动web应用程序标题”在Android(“apple-mobile-web-app-tit

2019-08-17 04:51发布

有一个相当于iOS 6的meta标签apple-mobile-web-app-title为Android Web的应用程序? 东西,让你定义一个长标题和短标题的可能性。

<title>Long name</title>
<meta name="apple-mobile-web-app-title" content="Short name">

Answer 1:

这可能是使用“应用程序名称”元标记。 然而,它只会出现与铬工作。 Firefox和Android浏览器不使用标题标签

<head> ...  <meta name="application-name" content="Awesome App!"> ...  </head>

从在Web应用程序部分使用
http://w3c-webmob.github.io/installable-webapps/



Answer 2:

Chrome浏览器增加了支持基于JSON的manifest文件中为你的web应用程序,因为M39 。 现场short_name相当于Safari的apple-mobile-web-app-title中,这将是优选的,其中有显示全名有限的空间,例如,应用程序启动器。

W3C规范的short_name在web应用程序清单文件中的字段:

该SHORT_NAME成员是表示Web应用程序的名称的短版本的字符串。 它的目的是用来在有足够的空间来显示Web应用程序的全名。



Answer 3:

你可以做到这一点的方法之一是使用JavaScript来检测移动浏览器,然后更改document.title时 ,以较短的标题:

if (navigator.userAgent.match(/(iPad|iPhone|iPod|Android|Silk)/gi))
   document.title = "Short Title";


文章来源: “apple-mobile-web-app-title” on Android