使用 Base64 编码图标

Question

你好，我正在编写一个 GM 用户脚本，我想动态更改网站图标，旧的方法很简单，但我想将其编码为 Base64 以避免托管它

这是我在托管网站图标后所做的

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....)"但没有任何结果

Answer 1

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