javascript - 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。在测试中，navigator 可以在笔记本电脑 Chrome 上运行，但不能在移动浏览器(chrome、safari 和 firefox)上运行。

但我并不是在请求这些图标。我什至不知道从哪里调用它们。

我的问题是这些网站图标是什么，它们为什么要给我带来麻烦？有什么办法解决这个问题吗？

Answer 1

好的，我在我的项目中对其中一些 url 名称进行了全局搜索，瞧!原来我使用的是一个名为 is-online 的库，它调用其中一些站点作为“测试”来查看你是否在线。我更改了“主机名”文件以使用完整的 https 网址，瞧，错误消失了。感谢 Barmar 花时间回答我而不仅仅是否决我的问题!