其实,出现这种ssl证书失效情况时,你的网站ssl证书是已经正确安装了,但是由于你的网站中存在非https的外部引用,因此导致浏览器仍然认为你的网站还是一个不安全的网站。
什么叫做非https的外部引用?直白点说,就是你的页面中包含的http的css,js,图片。
其实也很好理解,浏览器认为https是安全的页面,http是不安全的页面,那么在一个安全的页面中包含的不安全的内容,那么这个https页面自然也就不安全了。
所以,只要你把http的内容全部替换为https,那么就没问题了。
正确来说,就是替换掉所有外部引用的http内容,如:
css引用:<link href=”https://css”>
js引用:<script src=” https://js”></script>
图片引用:<img src=”https://img”>
iframe引用:<iframe src=””></iframe>
flash、视频、音频引用等等。
这里要说明一下,超链接a标签中的href并不属于外部引用,a标签中使用http是不会影响https网站的。
另外就是css中的引用,如字体,背景图这些同样属于外部引用,这些统统都必须使用https的应用地址。
看到这里可能你就会说,一个页面的代码少则几百行,多则几千行,再加上其他css和js文件,要查清那些没有使用https并不是一件容易的事情。
确实如果光靠肉眼去检查判断,并不是一件容易的事情,下面就介绍一下我处理这个问题中的一些经验和方法。
为了更好地说明问题,我在本地配置了一个简单的https网站,页面代码如图。
我在页面中故意引用了一个http的css文件,我们现在使用ie浏览器查看一下这个https网站。
虽然现在这个网站是使用https进行访问,但是“安全锁”图标并没有出现。现在我们可以按“f12”打开控制台查看,如图
这里能够很容易地发现,当前网站收到http://www.gth-mfg.com/css.css这个不安全路径的威胁。知道了问题所在,那么只要我们在页面代码中查询css.css这个文件所在,就能很快地定位出问题所在,从而快速地修改过来。下面是我修改后的结果。
一个页面设置几个关键词比较合适社交电商的冰火两重天内乡网站优化:seo快速提升关键词排名方法石岩网站建设公司,石岩网页设计制作开发网络公网站导航优化的要点分别有哪些你的网站是要如何发达起来?行业网站的推广要素新手站长入门教程:网页编码就是那点事网站建设常见的几种类型有哪些?