使用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....)"，但没有任何效果。

- unloco

Answer 1

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

- Martin v. Löwis