网站开启https后 有的页面绿色小锁 有的页面不显示绿色图标

本文要说的是一个看来是比较常见的问题：有个朋友在部署完之后问我为什么网站已经是通过https访问，但是自己的网址url前面缺没有绿色的安全小锁的标志，还是灰色的https://。
 

其实这个是由于网站混合内容（Mix Content）造成的，那么什么是混合内容呢？

其实混合内容就是一个页面中的内容既存在http内容又存在https内容，而浏览器则判断页面并不是全部的元素都通过https传输，因此并不是完全安全，也就自然没有那个安全的绿色小锁了。

那么要如何解决这个问题呢？

其实也非常简单，我们可以在页面上点击右键“检查”页面元素，找到一个错误提示位置（红色的叉叉或黄色的感叹号），这边会标注出来页面上存在（mix content），并告诉我们页面上哪个元素是通过 http 访问的，我们只要找到对应的地方将 http 改为 https 即可。