Favicons 和混合内容 WHYYYY？

Question

我正在构建一个通过 https 提供的网络应用程序。我收到很多这样的控制台警告：

Mixed Content: The page at 'https://www.sharewalks.com/' was loaded over 
HTTPS, but requested an insecure image 
'http://yandex.st/lego/_/pDu9OWAQKB0s2J9IojKpiS_Eho.ico?1493850556643'. 
This content should also be served over HTTPS.

其中有 14 个 - 来自以下网址（数字有所变化）：

网站图标错误：

• http://www.google.com/favicon.ico?1493850556625
• http://www.baidu.com/favicon.ico?1493850556625
• http://www.cloudflare.com/favicon.ico?1493850556625
• http://www.yandex.ru/favicon.ico?1493850556633

其他？：

• http://yandex.st/lego/_/pDu9OWAQKB0s2J9IojKpiS_Eho.ico?1493850556633

我需要使用 HTTPS 提供所有内容，因为我想使用地理定位服务，而且我了解到某些浏览器不允许这样做，除非所有内容都是 HTTPS。在测试中，导航器可以在笔记本电脑 Chrome 上运行，但不能在移动浏览器（chrome、safari 和 firefox）上运行。

但我不是在请求这些网站图标。我什至不知道他们是从哪里被调用的。

我的问题是这些网站图标是什么，它们为什么要跟我混？有什么解决办法吗？

Answer 1

好的，我在我的项目中对其中一些 url 名称进行了全局搜索，瞧！事实证明我使用的是一个名为 is-online 的库，它将其中一些网站称为 "tests" 以查看您是否在线。我更改了 'hostnames' 文件以使用完整的 https url 并且错误消失了。感谢 Barmar 花时间回答我而不仅仅是否决我的问题！

Answer 2

Firefox -> F12 -> console ,可以看到混合内容的错误
同样在 Chrome 中，您在“开发者工具”-> console

中得到了相同的结果