根据设备类型(例如移动设备或台式机)更改收藏夹图标

时间:2019-12-17 12:43:35

标签: html reactjs favicon

我需要更改Web应用程序的图标,但是需要根据设备类型进行更改。例如:

    在台式机或平板电脑上打开的
  • 网站应将 Icon-A.png 显示为收藏夹图标和
  • 移动设备(ios / andriod)应该将 Icon-B.png 显示为收藏夹图标

    当前,我们有很多fav图标链接,其中包含不同的大小,并且也依赖于图标以及apple-touch-icon。

<link rel="icon" sizes="48x48" href="icon-48.png">
<link rel="icon" sizes="96x96" href="icon-96.png">
<link rel="icon" sizes="144x144" href="icon-144.png">
<link rel="icon" sizes="192x192" href="icon-192.png">
<link rel="icon" sizes="256x256" href="icon-256.png">
<link rel="icon" sizes="384x384" href="icon-384.png">
<link rel="icon" sizes="512x512" href="icon-512.png">
<link rel="apple-touch-icon" sizes="57x57" href="apple-touch-icon-57.png">
<link rel="apple-touch-icon" sizes="60x60" href="apple-touch-icon-60.png">
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72.png">
<link rel="apple-touch-icon" sizes="76x76" href="apple-touch-icon-76.png">
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114.png">
<link rel="apple-touch-icon" sizes="120x120" href="apple-touch-icon-120.png">
<link rel="apple-touch-icon" sizes="152x152" href="apple-touch-icon-152.png">
<link rel="apple-touch-icon" sizes="167x167" href="apple-touch-icon-167.png">
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon-180.png">

我正在寻找解决方案,而无需添加任何条件语句来更改文档链接。有可能做到这一点吗?

0 个答案:

没有答案