機器人和ios的不同的web應用程序圖標

Question

據我所知，兩個操作系統都支持兩個元標記，即：

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

我想要2個不同的圖標，一個用於機器人，一個用於IOS設備。 除了使用復雜的移動檢測腳本之外，還有什 我無法找到任何，但也許只有其中一個支持的標簽？

Answer 1

這必須以服務器方式完成。

有不同的解決方案，您可以用其中一個替換您的代碼段。 如果使用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; ?>