javascript - 在 Google Chrome 中使用 javascript 删除网站图标

Question

如何在谷歌浏览器中使用 Javascript 删除网站图标？目标是将其返回到浏览器默认值，在本例中为空白图像。

我发现了这个link.href问题，但是如果您将属性留空，它将不起作用。

即使由于服务器上有一个 favicon.ico 文件而设置了 favicon，我也想将其删除并将其设置回默认值。

这只需要在 chrome 中工作。

谢谢！

Answer 1

您是否尝试过使用空的透明图像？

尝试：

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oFFAADATTAuQQAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAEklEQVQ4y2NgGAWjYBSMAggAAAQQAAGFP6pyAAAAAElFTkSuQmCC

Answer 2

将这些评论放入答案形式：

建议：

• chrome-resource://favicon/或者chrome://favicon/
• 使用 AJAX 的动态网站图标
• Chrome 扩展程序（希望您可以以此为基础）

我有点惊讶 AJAX 解决方案对你有用，因为我使用的是 Chrome 4.1.249.1064 (45376)，它对我不起作用。

编辑：您似乎不需要太多 AJAX 解决方案。看来这favicon.js就是你真正需要的。它似乎所做的只是您提到的 JavaScript 解决方案加上更多处理（即删除现有的 favicon）。他们的“动态”部分只是一个document.onkeypress.

编辑：附加参考：

• chrome.tabs.executeScript
• 将网站图标列入白名单

Answer 3

作为@MatthewFlachen 的答案和我在这里找到的内容的结合：动态生成的 favicon，可以使用画布 API 动态生成空白数据 url。

link.href = document.createElement("canvas").toDataURL("image/x-icon");