为移动Safari设置"主屏幕"图标名称

pil*_*row 55 iphone safari icons mobile-safari

默认情况下,当将网站"加入书签"作为图标时(通过从Safari的"+"菜单中选择添加到主屏幕),图标名称默认为页面,截断为12个字符.<title>

apple-touch-icon允许您指定自己的图标化页面表示的方式大致相同,网页是否有指定默认图标名称的方法<title>

Maa*_*zak 207

在iOS 6中,这是通过元标记解决的:

<meta name="apple-mobile-web-app-title" content="Short name">
Run Code Online (Sandbox Code Playgroud)

正如cwap正确评论的那样:它现在是官方文档.以下是有关meta为网络应用设置代码的所有信息:https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

  • @davidjb是的,这就是答案所说的.谢谢你的强调. (5认同)
  • 它似乎只适用于iOS 6.它不适用于我的带有iOS 5.1.1的iPhone 4S. (3认同)
  • @Sumit你是对的,它不在文档中.如果没有证件,你应该准备好没有它.但它仍然可以在iOS 8和8.1中运行 (2认同)

小智 13

对于iOS:

<meta name="apple-mobile-web-app-title" content="Short name">
Run Code Online (Sandbox Code Playgroud)

对于Android:

<meta name="application-name" content="Short name">
Run Code Online (Sandbox Code Playgroud)