使用 Base64 编码网站图标
你好,我正在写一个 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您需要删除 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.