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

【问题标题】：Remove favicon using javascript in Google Chrome在 Google Chrome 中使用 javascript 删除网站图标
【发布时间】：2010-05-19 23:59:05
【问题描述】：

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

我找到了this 的问题，但如果您将link.href 属性留空，它将不起作用。

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

这只需要在 chrome 中工作。

谢谢！

【问题讨论】：

是否启用了用户脚本？也许发布您正在使用的脚本，以便可以对其发表评论？
似乎只有 Firefox 和 Opera 可以使用 JavaScript 来做你想做的事 (ajaxify.com/run/favicon)，但是使用扩展名 (chrome.google.com/extensions/detail/…) 它应该可以工作吗？试试看？
ajaxify 链接可在 Chrome 上运行，但为了删除图标，需要将大量代码注入页面。任何缩短的解决方案？
我把我的答案澄清了一点，希望现在更有用。

标签： javascript google-chrome favicon

【解决方案1】：

您是否尝试过使用空白透明图片？

试试：

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

【讨论】：

不，我会试一试。我更喜欢浏览器默认，有没有可以用来引用当前谷歌浏览器默认的网址？
也许考虑检测正在使用的浏览器，如果是chrome使用：chrome-resource://favicon/?
我链接到的问题中的代码不适用于 Chrome。我可以为 chrome 做些什么来做到这一点？
错误控制台说什么？ stackoverflow.com/questions/45965/…
什么也没说，我检查了webkit的inspector控制台。

【解决方案2】：

将这些 cmets 放入答案形式：

建议：

chrome-resource://favicon/ 或 chrome://favicon/
Dynamic Favicon with AJAX
Chrome extension（希望你能以此为基础）

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

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

编辑：附加参考：

【讨论】：

我在 6.0.401.1 (Official Build 47018) dev 上，可能会这样做。我正在尝试通过扩展将代码注入用户页面，我该怎么做？我不能使用chrome.tabs.executeScript，它似乎不想以某种方式注入favicon.js。
我不能说我对 Chrome 扩展了解很多，你做了什么，错误是什么？我将添加一些希望对您有所帮助的链接。
我已经弄清楚如何注入代码，但是我的代码不允许访问 chrome://favicon/。我放弃了 favicon.js 文件，它显然有语法错误或其他东西。有朋友似乎认为在带有favicon url的页面上放置img标签会设置favicon，但我不确定它的准确性。
也许code.google.com/p/chromium/issues/detail?id=11854 会有所帮助？似乎需要将网站图标列入白名单。
不能这样做，favicon url 被放置在页面本身上

【解决方案3】：

结合@MatthewFlachen 的回答和我在此处找到的内容：Dynamically generated favicon，可以使用画布 API 动态生成空白数据 url。

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

【讨论】：