解决https网站地址栏图标小锁变成灰色和黄色三角形警告

网站添加SSL证书后, 可能会发现地址栏https前面的图标不是绿色小锁, 而是一把灰色的小锁, 并有黄色三角形, 点击图标会显示警告: 此页中包含其他不安全的资源balaaaaaaa…, 如下图所示:

https小锁图标变灰色带黄色三角形

出现该问题一般是由于网页包含混合内容, 比如网页引用的图片, CSS样式等仍然是http链接.

解决办法也很简单, 在浏览器中按F12调出开发者工具, 并切换到console界面.

查看混合内容

即可看到具体的提示:
Mixed Content: The page at 'https://www.wmsoho.com/' was loaded over HTTPS, but requested an insecure image 'http://www.wmsoho.com/wp-content/uploads/2016/12/banner-1-2.jpg'. This content should also be served over HTTPS.

然后把对应的http链接改为https即可.

未经允许不得转载:外贸SOHO笔记 » 解决https网站地址栏图标小锁变成灰色和黄色三角形警告

赞 (1) 打赏

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下作者~

支付宝扫一扫打赏

微信扫一扫打赏