Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/178.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Android 如何定义网站屏幕快捷方式图标?_Android_Icons_Desktop Shortcut - Fatal编程技术网

Android 如何定义网站屏幕快捷方式图标?

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使

我找不到如何让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使用绝对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"/>