Question

据我所知，两个操作系统都支持两个元标记，即：

<link rel="apple-touch-icon" href="#"/>
<link rel="apple-touch-icon-precomposed" href="#"/>

我想要2个不同的图标，一个用于机器人，一个用于IOS设备。除了使用复杂的移动检测脚本之外，还有什我无法找到任何，但也许只有其中一个支持的标签？

Answer 1

这必须以服务器方式完成。

Theres有不同的解决方案，您可以用其中一个替换您的代码段。如果使用PHP，则必须将html文件的文件扩展名更改为.php

SSI

如果您的服务器支持SSI（ServerSide Includes），您可以执行以下操作：

<!--#if expr="$HTTP_USER_AGENT=/Android/" -->
<!--
<link rel="apple-touch-icon" href="androidimg"/>
<link rel="apple-touch-icon-precomposed" href="androidimg"/>
-->
<!--#else -->
<!--
<link rel="apple-touch-icon" href="altimg"/>
<link rel="apple-touch-icon-precomposed" href="altimg"/>
-->
<!--#endif -->

PHP

如果您使用PHP

<?
$ua = $_SERVER['HTTP_USER_AGENT'];
if (preg_match(/'Android'/, $ua) : 
?>
    <link rel="apple-touch-icon" href="androidimg"/>
    <link rel="apple-touch-icon-precomposed" href="androidimg"/>
<? else: ?>
    <link rel="apple-touch-icon" href="altimg"/>
    <link rel="apple-touch-icon-precomposed" href="altimg"/>
<? endif; ?>

机器人和ios的不同的web应用程序图标

1 个答案:

SSI

PHP