插入图标的替代方案?



我当前使用的高级网站管理器有问题,那就是它不允许我访问 HEAD 标签,因此我无法在网站上设置图标。我想知道是否有其他选择可以在不更改 HEAD 代码的情况下在网站上插入网站图标。该网站缺少插入网站图标的适当标签。

我知道这可能有点疯狂,但无论如何谢谢...

您可以通过在结束正文标签(</body>(之前添加一个简短的javascript来插入<link rel="favicon">

<script>
let faviconLink = document.createElement('link');
faviconLink.setAttribute('rel', 'favicon');
faviconLink.setAttribute('href', '/path/to/favicon.svg');
faviconLink.setAttribute('type', 'image/svg+xml');
document.head.appendChild(faviconLink);
</script>

上面的示例使用SVG网站图标,但您可以轻松地将另一种图像格式与另一种 MIME 类型一起使用:

  • 巴布亚新几内亚:type="image/png"
  • 动图:type="image/gif"

您可以将favicon.ico文件添加到根目录,即使它未在<head>中定义,浏览器仍会检查它。

顺便说一句,这是一个生成所有各种应用程序图标和相关代码 https://realfavicongenerator.net 的好网站

最新更新