Android 如何定义网站屏幕快捷方式图标?
我找不到如何让Android使用自定义图标(例如iOS使用的favicon或app touch图像)作为网站快捷方式 你能给我一个提示吗 如果您放置:Android 如何定义网站屏幕快捷方式图标?,android,icons,desktop-shortcut,Android,Icons,Desktop Shortcut,我找不到如何让Android使用自定义图标(例如iOS使用的favicon或app touch图像)作为网站快捷方式 你能给我一个提示吗 如果您放置: <link rel="apple-touch-icon" href="/path/to/some.png"/> <link rel="apple-touch-icon-precomposed" href="/custom_icon.png"/> 在书签页面的HTML中,它将自动显示在桌面上 此页面建议Android使
<link rel="apple-touch-icon" href="/path/to/some.png"/>
<link rel="apple-touch-icon-precomposed" href="/custom_icon.png"/>
在书签页面的HTML中,它将自动显示在桌面上 此页面建议Android使用绝对URL
所以把KenY-N的标签改成
<link rel="apple-touch-icon" href="http://yourdomain.com/path/to/some.png"/>
<link rel="apple-touch-icon-precomposed" href="http://yourdomain.com/custom_icon.png"/>
Android和iOS似乎对主屏幕上的图标使用了相同的引用 对于HTML链接图标:
<!-- These two are what you want to use by default -->
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
<!-- This one works for anything below iOS 4.2 -->
<link rel="apple-touch-icon-precomposed apple-touch-icon" href="apple-touch-icon-precomposed.png">
Android使用主屏幕图像和“快捷图标”(如favicon)。如果仅指定主屏幕图标,则网页将不会在web浏览器中的URL旁边显示图标 “快捷方式图标”必须单独列出,即使它可以是同一个文件
<link rel="shortcut icon" href="http://yourdomain.com/path/icon57.png" />
<link rel="apple-touch-icon" href="http://yourdomain.com/path/icon57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="http://yourdomain.com/path/icon72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="http://yourdomain.com/path/icon114.png" />
<link rel="apple-touch-icon" sizes="144x144" href="http://yourdomain.com/path/icon144.png" />
有关使用主屏幕图标的详细信息
同时列出“apple touch图标”和“apple touch图标预合成”将导致仅使用预合成的图像。您是否曾经这样做,@tonimichecaubet?即使是绝对路径,我也无法让它工作。
<link rel="shortcut icon" href="http://yourdomain.com/path/icon57.png" />
<link rel="apple-touch-icon" href="http://yourdomain.com/path/icon57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="http://yourdomain.com/path/icon72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="http://yourdomain.com/path/icon114.png" />
<link rel="apple-touch-icon" sizes="144x144" href="http://yourdomain.com/path/icon144.png" />
<link rel="apple-touch-icon-precomposed" href="http://yourdomain.com/custom_icon.png"/>