Firefox 扩展可在位置/地址栏中创建新图标或替换现有图标

Question

我想创建一个 Firefox 扩展，它可以在地址栏中创建一个新图标，或者用扩展中指定的图标替换现有图标。

然后，添加一些 JavaScript 以仅在用户查看特定域时显示此自定义徽标。

如果这对于位置/地址栏不可行，则可以在状态栏上显示徽标（同样由 javascript 驱动，仅当用户位于特定域时才显示徽标）。

这可以做到吗？

我认为仅靠图标并不能解决我的问题。我希望仅当用户位于特定域时才能够显示图标/徽标（例如 xyz.com/testPage.html 或 abc.com/anotherTest.html）

Answer 1

您只需使用 Greasemonkey 即可做到这一点。这里你有一个可以运行的快速脚本。

//create the icon
a=document.createElement("link");
a.setAttribute("rel", "icon");
a.setAttribute("href","http://www.google.com/favicon.ico");

//append the icon to the head
document.documentElement.firstChild.appendChild(a);

Greasemonkey 手册：（添加脚本）

如果您尝试更改网站图标已经有一个，你必须

// get the head elements
head = document.documentElement.firstElementChild.childNodes;

//delete the existing favicon
for(i in head){
    if((head[i].rel == "shortcut icon")||(head[i].rel == "icon")){
         head.removeChild(head[i]);
    }
}

在设置新的图标之前执行类似的操作，但我无法让它工作。

有一个项目来创建用于图标操作的标准对象，该项目应该可以工作，但对我不起作用。

Answer 2

您可以更改 DOM 创建链接元素，如下所示：

<link rel="icon" type="image/png" href="/somepath/image.png" />