插入 FAVICON 的替代方法？

Question

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

我知道这可能有点疯狂，但还是谢谢...

Answer 1

你可以添加一个favicon.ico文件到根目录，浏览器仍然会检查它，即使它没有在<head>.

中定义

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

Answer 2

您可以通过在结束正文标记 (</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 favicon，但您可以轻松地使用具有另一种 MIME 类型的另一种图像格式：

PNG: type="image/png"
GIF: type="image/gif"

插入 FAVICON 的替代方法？

Alternatives to insert a FAVICON?

html

favicon

web