安装SSL证书提示“此页中包含其他不安全资源”怎么办

".extra-menu { background-color: #f3f3f3; padding: 20px; } .extra-menu .extra-menu-h { height: 36px; } .extra-menu .extra-menu-h h3 { display:inline-block; } .extra-menu ul a{ text-decoration: none; } .extra-menu .menu-child { text-indent: 4em; } .extra-menu .menu-child:before { left: 4em; } .extra-menu .extra-menu-h h3 { line-height: 36px; } .collapse-toggle { float: right; cursor: pointer; user-select: none; display: inline-flex; align-items: center; font-size: 14px; } .collapse-toggle img { width: 30%; transform: rotate(180deg); } .collapse-content { margin-bottom: 0px !important; margin-top: 20px !important; overflow: hidden; max-height: 0; transition: max-height 0.3s ease-out; } .collapse-content.expanded { max-height: 1000px; /\* 设置一个足够大的值，确保内容可以完全展开 \*/ } .ph-id { position: relative; top: -90px; } jQuery(document).ready(function( $ ) { $('.collapse-toggle').on('click',function(){ var content = document.querySelector('.collapse-content'); content.classList.toggle('expanded'); if (content.classList.contains('expanded')) { $(this).find('div').text('收起'); $(this).find('img').css('transform','rotate(180deg)'); } else { $(this).find('div').text('展开'); $(this).find('img').css('transform','rotate(0deg)'); } }) })

给网站安装SSL证书，确保网络传输数据安全，保证了访客用户隐私信息的安全性。不过很多用户在安装SSL证书后，遇到“此页中包含其他不安全资源”这样的错误提示(如下图)，这是什么原因呢?又该怎么解决?


　　出现这样提示的原因是**网站页面上存在混合内容**导致的。SSL证书对网站代码的安全性较高，但网站页面上除了https://的资源以外，还包含了http://的资源。所以，需要带网站页面的代码进行一定的调整，将http://的资源更换成https://的就可以了。

网站页面上的链接一般有相对路径和绝对路径，调整后要确保所有的链接都能正常访问：

1. 如果可以访问，直接在代码中修改http为https的链接;

2. 如果不可以访问，可以下载该资源到本地服务器上，并修改资源路径，然后使用相对路径或者绝对路径确保正常访问(主要是指图片或者js等文件)。

不同的浏览器对该问题的提示有些区别，但解决方式是一样的：

IE浏览器：提示“本页不但包含安全的内容，也包含不安全的内容。是否显示不安全的内容”;

谷歌浏览器：锁型标识会显示异常，并提示：与www.yourdomain.com的连接采用128/256位加密技术。但是，此页面中包含其他不安全的资源。他人能在传输过程中查看这些资源，攻击者也可以进行修改，从而改变网页的外观。

火狐浏览器：底部会提示“此网站的连接不完全安全，因为包含了未加密的元素(例如图像)或者加密强度不够”。

以上就是安装SSL证书提示“此页中包含其他不安全资源”的解决办法，希望能帮助到大家。

      **推荐阅读：**[五大权威的SSL证书颁发机构（CA机构）介绍](/#)"