如何在不看到 CORS 错误的情况下从网站 URL 获取图标？

Question

有谁知道如何在不看到 CORS 错误的情况下从网站 URL 获取图标？

我正在实现一个简单的 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`);

现在我的扩展程序可以显示网站图标了！ 太感谢了。

扩展程序的屏幕截图