网站启用QQ在线客服,导致HTTPS站点无法启用“小绿锁”标志的解决办法

网站添加了SSL证书,浏览器却不显示小绿锁,检查网站所有图片,外链都已经https,360浏览器还是无法显示绿锁。鼠标右键查看源代码,发现问题所在。如下图:

这行代码不知道是哪个文件。打开火狐浏览器。鼠标右键查看元素,点击控制台,发现几处警告错误:

因为网站启用了QQ在线客服,QQ客服的代码是http开头,导致网站无法显示“小绿锁”,修改下QQ客服代码,就可以解决问题。

QQ客服的默认代码是:

只要修改其中2处就可以。 将图中 http 改成 HTTPS ,第二处的链接修改成 https://pub.idqqimg.com/wpa/images/counseling_style_51.png,保存,就ok,刷新后浏览器就出现“小绿锁”。QQ客服有3个图标,每个图标对应的链接地址下面都标明了。修改后的代码如下:

<a target="_blank"
href="HTTPS://wpa.qq.com/msgrd?v=3&uin=10086&site=qq&menu=yes"><img
border="0" src="https://pub.idqqimg.com/wpa/images/counseling_style_51.png
" alt="点击这里给我发消息"
title="点击这里给我发消息"/></a>

简洁型:https://pub.idqqimg.com/wpa/images/counseling_style_51.png

标准型:https://pub.idqqimg.com/wpa/images/counseling_style_52.png

拓展型:https://pub.idqqimg.com/wpa/images/counseling_style_53.png

评论