如何从网站URL获得图标而不看到CORS错误?

Question

有人知道如何从网站URL获得图标而不看到CORS错误吗?

我正在实现一个简单的chrome扩展，显示我的书签列表。因为我想在我的扩展弹出框中显示书签图标，我在下面写了一个代码。

const httpRequest = new XMLHttpRequest();
httpRequest.open(
"GET",
"http://www.google.com/s2/favicons?domain=stackoverflow.com",
false
);
httpRequest.send();

但是我得到了一个CORS错误:

popup.js:55 Access to XMLHttpRequest at 'https://www.google.com/s2/favicons?
domain=stackoverflow.com' (redirected from 'http://www.google.com/s2/favicons?
domain=stackoverflow.com') from origin 'chrome-extension://jompmceilagkakejfedancdallnhmfog' has 
been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested 
resource.

Answer 1

感谢@AD7six给我的评论，我的问题解决了!

根据注释，我改成了"https"，并使用了如下的标签。

const img = $("<img>");
img.attr("src", `https://www.google.com/s2/favicons?domain=stackoverflow.com`);

现在我的扩展可以显示favicons!非常感谢。

扩展

截图