使用 Base64 编码网站图标

发布于 2024-08-05 09:40:43 字数 448 浏览 8 评论 0原文

你好,我正在写一个 GM 用户脚本 我想动态更改图标 按旧方式更改它很容易,但我想将其编码为 Base64 以避免托管它,

这是我在托管 favicon 后所做的事情

var link = document.createElement('link');
link.type = 'image/x-icon';
link.rel = 'shortcut icon';
link.href = 'http://img36.imageshack.us/img36/5051/play723.png';
document.getElementsByTagName('head')[0].appendChild(link);

有没有办法使用编码图像来做到这一点 我尝试了 link.href="url(data:image/png;base64,iVBOR....)" 结果没有结果

hello i'm writing a GM user script
and i want to change the favicon dynamically
changing it the old way is easy but i want to encode it in base64 to avoid hosting it

this is what i have done after hosting the favicon

var link = document.createElement('link');
link.type = 'image/x-icon';
link.rel = 'shortcut icon';
link.href = 'http://img36.imageshack.us/img36/5051/play723.png';
document.getElementsByTagName('head')[0].appendChild(link);

is there a way to do this with an encoded image
i tried link.href="url(data:image/png;base64,iVBOR....)" which lead to nothing

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

冰葑 2024-08-12 09:40:43

您需要删除 url() 包装器。 data:是它自己的 URL 方案 (RFC 2397),它应该构成href 属性的值。当然,只有支持该 RFC 的浏览器才能理解此链接。

You need to drop the url() wrapper. data: is an URL scheme of its own (RFC 2397), and it should constitute the value of the href attribute. Of course, only browsers supporting that RFC would be able to understand this link.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文