Javascript 获取url的favicon并显示它（firefox web ext）

我正在开发Firefox web-ext。有没有办法获取当前网站/选项卡的图标。我提到了，但我认为

%c

不再有效。这是我的manifest.json（它的一部分）：

---

这里是一个快照，当扩展内的按钮被单击时。您可以看到我可以使用当前代码获取url。但是我还想在页面的url旁边显示页面的图标（favIconUrl显示图标的url，我可以从那里获取它吗？），如果可以，如何获取？）。有人能帮我做这件事吗？

网站的功能可以通过以下两种方式之一找到。在

部分，您可以找到：

<link rel='shortcut icon' type='image/x-icon' href='/favicon.ico' />

---

其中href属性指向favicon。如果缺少此代码，则它将始终位于网站根目录中的/favicon.ico。

对于需要此代码的用户，请参阅：

var favicon = document.createElement('img');
// get the url of favicon using favIconUrl function
favicon.src = "https://jsfiddle.net/favicon.ico";
document.body.appendChild(favicon);
// you can also append it to a container if you want to

检查一下这个

要获取favicon的url，您可以在末尾附加

/favicon.ico

，也可以从中获取。

对于创建了一个解决方案的人来说，这是一个伟大的福音，因为favicon的数量越来越少，存储在域的根目录中

它是免费的，它可以工作（到目前为止，我的情况是100%的时间），而且它尽可能简单：

<img src='https://icons.better-idea.org/icon?url=github.com&size=80..120..200' />

如果你不想依赖一个随时都可能停止的免费Web服务，那么你可能想将github repo添加到书签中（正如他在网站中正确指出的那样）

---

clap-clap

能否请您更精确地说明我必须将其放置在何处，以便将其“附加”到所需的div容器中？

var favicon = document.createElement('img');
// get the url of favicon using favIconUrl function
favicon.src = "https://jsfiddle.net/favicon.ico";
document.body.appendChild(favicon);
// you can also append it to a container if you want to

<img src='https://icons.better-idea.org/icon?url=github.com&size=80..120..200' />