一种自动切换浏览器兼容类型和版本的方法及系统技术方案

本发明专利技术公开了一种自动切换浏览器兼容类型和版本的方法及系统，方法包括：接收浏览器发起的超文本传输协议请求；将超文本传输协议请求转发至原始站点，接收原始站点返回的超文本传输协议请求；对原始站点返回的超文本传输协议请求的响应头信息进行兼容处理；将经过兼容处理的超文本传输协议请求返回至所述浏览器。本发明专利技术在不同内核下，能够实现各浏览器对网页解析的兼容性；在同一内核下，实现浏览器的不同版本的自动切换，有效提升了用户体验。

【技术实现步骤摘要】
一种自动切换浏览器兼容类型和版本的方法及系统
本专利技术涉及数据处理
，尤其涉及一种自动切换浏览器兼容类型和版本的方法及系统。
技术介绍
浏览器兼容性问题又被称为网页兼容性或网站兼容性问题，指网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的兼容问题。由于不同浏览器在内核、呈现引擎、JavaScript解释器以及数据存储之间存在差别，使得同一网页在一些客户端上的显示达不到理想的效果，从而影响用户的使用体验。浏览器的内核是指支持浏览器运行的最核心的程序，分为两个部分，一是渲染引擎，二是JS引擎。渲染引擎主要负责取得页面内容、整理信息(应用CSS)、计算页面的显示方式。JS引擎主要负责提供执行JavaScript代码的运行环境。目前，浏览器类型众多，IE浏览器升级较快，许多网点没有对多种浏览器及新版IE浏览器做兼容升级，或者站点源代码无法获取，不具备对它添加自动切换到某个版本兼容的强制转换功能。或者需要用户自己手动切换兼容模式。因此，如何有效的自动切换浏览器兼容类型及版本，以提升用户体验，是一项亟待解决的问题。
技术实现思路
有鉴于此，本专利技术提供了一种自动切换浏览器兼容类型和版本的方法，在不同内核下，能够实现各浏览器对网页解析的兼容性；在同一内核下，实现浏览器的不同版本的自动切换，有效提升了用户体验。本专利技术提供了一种自动切换浏览器兼容类型和版本的方法，包括：接收浏览器发起的超文本传输协议请求；将所述超文本传输协议请求转发至原始站点；接收所述原始站点返回的超文本传输协议请求；对所述原始站点返回的超文本传输协议请求的响应头信息进行兼容处理；将经过兼容处理的超文本传输协议请求返回至所述浏览器。优选地，所述对所述原始站点返回的超文本传输协议请求的响应头信息进行兼容处理，包括：对所述原始站点返回的超文本传输协议请求的响应头信息进行CSS兼容处理；对所述原始站点返回的超文本传输协议请求的响应头信息进行JS兼容处理；对所述原始站点返回的超文本传输协议请求的响应头信息进行兼容模式处理。优选地，所述对所述原始站点返回的超文本传输协议请求的响应头信息进行CSS兼容处理，包括：引入Normalize.css包，选取通用样式，构建CSS样式初始化子模块；将Autoprefixer添加到资源构建工具，构建浏览器私有属性子模块；利用before和after伪类，解决浮动在不同浏览器中无法识别父类盒子高度的问题。优选地，所述对所述原始站点返回的超文本传输协议请求的响应头信息进行JS兼容处理，包括：通过封装适配器，过滤事件句柄绑定、移除、冒泡阻止以及默认事件行为处理。优选地，所述对所述原始站点返回的超文本传输协议请求的响应头信息进行兼容模式处理，包括：在所述原始站点返回的超文本传输协议请求的响应头信息中加入兼容模式指令。一种自动切换浏览器兼容类型和版本的系统，包括：第一接收模块，用于接收浏览器发起的超文本传输协议请求；转发模块，用于将所述超文本传输协议请求转发至原始站点；第二接收模块，用于接收所述原始站点返回的超文本传输协议请求；兼容处理模块，用于对所述原始站点返回的超文本传输协议请求的响应头信息进行兼容处理；返回模块，用于将经过兼容处理的超文本传输协议请求返回至所述浏览器。优选地，所述兼容处理模块在执行对所述原始站点返回的超文本传输协议请求的响应头信息进行兼容处理时，具体用于：对所述原始站点返回的超文本传输协议请求的响应头信息进行CSS兼容处理；对所述原始站点返回的超文本传输协议请求的响应头信息进行JS兼容处理；对所述原始站点返回的超文本传输协议请求的响应头信息进行兼容模式处理。优选地，所述兼容处理模块在执行对所述原始站点返回的超文本传输协议请求的响应头信息进行CSS兼容处理时，具体用于：引入Normalize.css包，选取通用样式，构建CSS样式初始化子模块；将Autoprefixer添加到资源构建工具，构建浏览器私有属性子模块；利用before和after伪类，解决浮动在不同浏览器中无法识别父类盒子高度的问题。优选地，所述兼容处理模块在执行对所述原始站点返回的超文本传输协议请求的响应头信息进行JS兼容处理时，具体用于：通过封装适配器，过滤事件句柄绑定、移除、冒泡阻止以及默认事件行为处理。优选地，所述兼容处理模块在执行对所述原始站点返回的超文本传输协议请求的响应头信息进行兼容模式处理时，具体用于：在所述原始站点返回的超文本传输协议请求的响应头信息中加入兼容模式指令。综上所述，本专利技术公开了一种自动切换浏览器兼容类型和版本的方法，当需要自动切换浏览器兼容类型和版本时，首先接收浏览器发起的超文本传输协议请求；将超文本传输协议请求转发至原始站点；接收原始站点返回的超文本传输协议请求；对原始站点返回的超文本传输协议请求的响应头信息进行兼容处理；将经过兼容处理的超文本传输协议请求返回至所述浏览器。本专利技术在不同内核下，能够实现各浏览器对网页解析的兼容性；在同一内核下，实现浏览器的不同版本的自动切换，有效提升了用户体验。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1为本专利技术公开的一种自动切换浏览器兼容类型和版本的方法实施例1的流程图；图2为本专利技术公开的一种自动切换浏览器兼容类型和版本的方法实施例2的流程图；图3为本专利技术公开的一种自动切换浏览器兼容类型和版本的方法实施例3的流程图；图4为本专利技术公开的一种自动切换浏览器兼容类型和版本的系统实施例1的结构示意图；图5为本专利技术公开的一种自动切换浏览器兼容类型和版本的系统实施例2的结构示意图；图6为本专利技术公开的一种自动切换浏览器兼容类型和版本的系统实施例3的结构示意图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。如图1所示，为本专利技术公开的一种自动切换浏览器兼容类型和版本的方法实施例1的流程图，所述方法可以包括以下步骤：S101、接收浏览器发起的超文本传输协议请求；当需要自动切换浏览器兼容类型和版本时，在浏览器发起HTTP(HyperTextTransferProtocol，超文本传输协议)请求时，接收浏览器发起的超文本传输协议请求。S102、本文档来自技高网...

【技术保护点】
1.一种自动切换浏览器兼容类型和版本的方法，其特征在于，包括：/n接收浏览器发起的超文本传输协议请求；/n将所述超文本传输协议请求转发至原始站点；/n接收所述原始站点返回的超文本传输协议请求；/n对所述原始站点返回的超文本传输协议请求的响应头信息进行兼容处理；/n将经过兼容处理的超文本传输协议请求返回至所述浏览器。/n

【技术特征摘要】
1.一种自动切换浏览器兼容类型和版本的方法，其特征在于，包括：
接收浏览器发起的超文本传输协议请求；
将所述超文本传输协议请求转发至原始站点；
接收所述原始站点返回的超文本传输协议请求；
对所述原始站点返回的超文本传输协议请求的响应头信息进行兼容处理；
将经过兼容处理的超文本传输协议请求返回至所述浏览器。


2.根据权利要求1所述的方法，其特征在于，所述对所述原始站点返回的超文本传输协议请求的响应头信息进行兼容处理，包括：
对所述原始站点返回的超文本传输协议请求的响应头信息进行CSS兼容处理；
对所述原始站点返回的超文本传输协议请求的响应头信息进行JS兼容处理；
对所述原始站点返回的超文本传输协议请求的响应头信息进行兼容模式处理。


3.根据权利要求2所述的方法，其特征在于，所述对所述原始站点返回的超文本传输协议请求的响应头信息进行CSS兼容处理，包括：
引入Normalize.css包，选取通用样式，构建CSS样式初始化子模块；
将Autoprefixer添加到资源构建工具，构建浏览器私有属性子模块；
利用before和after伪类，解决浮动在不同浏览器中无法识别父类盒子高度的问题。


4.根据权利要求3所述的方法，其特征在于，所述对所述原始站点返回的超文本传输协议请求的响应头信息进行JS兼容处理，包括：
通过封装适配器，过滤事件句柄绑定、移除、冒泡阻止以及默认事件行为处理。


5.根据权利要求4所述的方法，其特征在于，所述对所述原始站点返回的超文本传输协议请求的响应头信息进行兼容模式处理，包括：
在所述原始站点返回的超文本传输协议请求的响应头信息中加入兼容模式指令。


6.一种自动切换浏览器兼容类型和版本的系统，其特征在于，包括：
第一接收...

【专利技术属性】
技术研发人员：米娜，王宏刚，刘识，王倩，简燕红，张海峰，崔琪，孙明月，马寒梅，邓祥瑞，
申请(专利权)人：国家电网有限公司大数据中心，
类型：发明
国别省市：北京;11