主页 / computer / 问题 / 1569542
Accepted
Cauder
Asked: 2020-07-18 11:51:13 +0800 CST

如何使网站图标保持静态？

  • 772

我想阻止图标在我的 Mac 上的 Firefox 上发生变化。

我在想我也许可以用 Grease Monkey 做到这一点。

我的目标是防止 Slack 之类的东西更改 Favicon 以指示有通知。

我可以告诉网站他们必须使用加载的相同图标而不更改它吗？

firefox greasemonkey

2 个回答

  1. Best Answer

    您可以编写一个 Greasemonkey 脚本，该脚本使用 Javascript突变观察器来观察网站图标何时更改，然后在您注意到任何内容之前立即将其更改回来。

    以下是如何做到这一点：

    1. 如果您还没有这样做，请安装Greasemonkey Firefox 扩展（这个问题是关于 Firefox，但您也可以使用 Tampermonkey 扩展在 Chrome 和 Edge 上执行此操作：Chrome的链接，Edge的链接）

    2. 单击顶部栏中的 Greasemonkey 菜单，然后选择“新建用户脚本...”（如果您使用的是 Tampermonkey，则该按钮称为“创建新脚本...”）

    3. 当您单击该按钮时，它应该会打开一个带有大文本区域的新选项卡，您可以在其中编写 Javascript 代码。文本区域中可能已经有一些代码。只需删除该代码并将其替换为：

      // ==UserScript==
// @name         Do not change the favicon
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Prevents sites from changing the favicon
// @author       You
// @match        http://*/*
// @match        https://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    //Initialize some variables
    var favicon = document.querySelector("link[rel='shortcut icon']");
    const initialIcon = favicon.href;

    //Define the function to run when the favicon changes
    var observer = new MutationObserver(function(){
        if(favicon.href != initialIcon){
            favicon.href = initialIcon;    //Change the favicon back directly when it changes before you notice anything
        }
    });

    //Run the function above whenever the favicon changes
    observer.observe(favicon, {attributes: true});
})();

      顶部以//定义脚本属性开头的行。@name定义脚本的名称，并@match定义脚本应该在哪些站点上运行（http://*/*并https://*/*表示所有站点）。

      底部的部分是实际脚本，用于防止网站图标发生变化。正如我在答案开头所解释的那样，它的作用是检测图标何时更改并在您注意到任何内容之前快速将其更改回来。

    4. 按Ctrl+S保存脚本，然后您就应该完成了。

    • 4

  2. 您必须编辑与站点/网络应用程序相关的 cookie 并更改允许通知的值。有像 CookieCutter 这样的扩展程序允许您编辑 cookie，尽管该扩展程序是针对 Safari 的。

    • 0

相关问题