☰

在 Google Chrome 中本地更改网站图标

tag-icon • tag-icon google-chrome javascript favicon
在 Google Chrome 中本地更改网站图标

这是一个令人沮丧的问题，主要是因为所有搜索这个问题通常都会给我提供如何更改用户拥有的网站图标的信息。请允许我详细说明我的问题。

我希望能够更改我经常访问的其中一个网站显示的图标。这个网站恰好是 Gmail。我总是同时打开两个 Gmail 帐户，最近开始使用 Chrome 中的“固定标签”功能。这很方便，但会使两个标签看起来一模一样。我只是想更改其中一个标签上的图标，以便更容易区分这两个标签。

我有个想法，可以使用一些 url javascript 来实现这一点，这对我来说很容易添加到书签中。但是，我不擅长 javascript。

答案1

这标签编辑扩展Chrome 就是这样做的。

在此处输入图片描述

答案2

嗯，你想在标签页中使用它，这似乎有点难。当你想在书签栏中更改图标时，有一些解决方案（例如：http://www.tech-recipes.com/rx/3032/google_chrome_how_to_change_icons_on_the_bookmarks_bar/)，这似乎更容易，因为书签图标存储在本地。我不知道如何在本地更改选项卡中的图标，我只知道像用户已经回答过你的扩展那样的扩展。

答案3

您可以使用JavaScript 书签小工具快速更改图标。

  1. 按ctrl+D然后单击More...。

  2. 输入小书签的名称，例如Google favicon。

  3. 将以下代码复制到URL字段并单击Save。

    javascript: (() => {
  var link = document.querySelector("link[rel~='icon']");
  if (!link) {
    link = document.createElement('link');
    link.rel = 'icon';
    document.getElementsByTagName('head')[0].appendChild(link);
  }
  link.href = 'https://www.google.com/favicon.ico';
})();

将该部分更改'https://www.google.com/favicon.ico'为您选择的图标。

现在，您可以通过单击小书签来更改网站图标。

书签代码来源：动态更改网站图标 - StackOverflow

答案4

Chrome 能够运行 greymonkey 脚本，我能够调整此脚本来替换我选择的网站上的图标。如果你有点技术，你也可以修改。只需获取所需的图标 base64 编码，就可以了。

http://userscripts.org/scripts/show/42247

相关内容