网页端“混合内容”引起的一个问题

简介: 什么是混合内容呢,为什么https的页面无法发送http请求呢?

1.什么是混合内容

混合内容:初始 HTML 内容通过安全的 HTTPS 连接加载,但其他资源(例如,图像、视频、样式表、脚本)则通过不安全的 HTTP 连接加载。因为页面通过 HTTPS 加载的初始请求是安全的,但是又加载了不安全的HTTP内容,因此称之为混合内容。


2.为什么https页面发送不了http请求

有些人说是跨域问题,真的是这样吗?

同源策略:1. 协议相同 2. 域名相同 3.端口相同

尽管HTTPS访问HTTP确实不符合同源策略中的协议相同,但是在现代浏览器里,即使是域名相同的请求,也是会出现以下报错,而不是跨域报错。3282487970-5b1db32e12d1b_fix732.png

这也很好理解,毕竟混合内容的安全策略是在浏览器端判定的,而是否能跨域要看服务器返回的Response头,请求都被浏览器block掉了,也就不存在是否跨域的问题。


因为HTTPS的S本身就是Secure的意思,现代浏览器最初会针对此类型的内容显示警告,以向用户表明此页面包含不安全的资源。但是即使显示警告,页面也已经加载,用户的安全仍然受到了威胁。所以没过多久,Chrome和Firefox就直接阻断掉了这类的请求。

这就是HTTPS页面为什么发送不了HTTP的原因。

目录
相关文章
|
XML 前端开发 数据可视化
【图形基础篇】01 # 浏览器中实现可视化的四种方式
【图形基础篇】01 # 浏览器中实现可视化的四种方式
153 0
【图形基础篇】01 # 浏览器中实现可视化的四种方式
|
前端开发 搜索推荐 索引
重学前端 5 # 如何运用语义类标签来呈现Wiki网页?
重学前端 5 # 如何运用语义类标签来呈现Wiki网页?
89 0
重学前端 5 # 如何运用语义类标签来呈现Wiki网页?
|
缓存
在SPA模式网页版本检测方案
在SPA模式网页版本检测方案
174 0
在SPA模式网页版本检测方案
标签之美八——网页框架
标签之美八——网页框架
208 0
标签之美八——网页框架
|
移动开发 搜索推荐 数据采集
H5页面PC富文本内容自适应显示
有一段PC端显示的富文本HTML片段,在手机H5页面B区上加载显示
6892 0
|
前端开发 开发工具 Windows
如何更好的编辑文本
在使用电脑的过程中,经常要编辑这样或那样的文件,虽然不同的软件又不同的文件格式,但是最常见的文件还是文本文件。比如编程时各种编程语言的源文件,操作系统中的各种文件配置,尤其在*nix系统/etc目录下的文件,随手用记事本记录的文件等等。
908 0