页面兼容性处理方法、装置、计算机设备和存储介质制造方法及图纸

技术编号:35940124 阅读:14 留言:0更新日期:2022-12-14 10:28
本申请实施例中提供一种页面兼容性处理方法、装置、计算机设备和存储介质,涉及计算机领域。该页面兼容性处理方法通过获取当前页面在当前浏览器中的源文件,并解析源文件获取标识信息,若标识信息是否与预设的标识信息不相匹配,则确定当前页面与浏览器不相兼容,并查找到当前页面的目标配置信息,从而解决了浏览器兼容性测试时效性差的问题,达到了提高浏览器兼容性测试时效性的技术效果。器兼容性测试时效性的技术效果。器兼容性测试时效性的技术效果。

【技术实现步骤摘要】
页面兼容性处理方法、装置、计算机设备和存储介质


[0001]本申请涉及计算机
,具体地,涉及一种页面兼容性处理方法、装置、计算机设备和存储介质。

技术介绍

[0002]浏览器兼容性是页面在不同浏览器中出现不同显示效果的问题,这也是影响用户体验的重要因素之一,因此浏览器在上线之前会进行兼容性测试。目前针对浏览器的兼容性测试的方式主要为浏览器截图,即使用截图工具截取同一页面在不同浏览器上的显示图片,然后对不同的显示图片进行比对,并根据比对结果确定该页面在不同浏览器上执行的兼容性。
[0003]一旦发现页面在某些浏览器上不兼容,目前主要是通过工作人员去筛检导致不兼容的原因,并进一步修复,在实际工作中不同节点一般由不同工作人员负责,从检测到不兼容问题到修复完成一般耗时较长。
[0004]因此,目前浏览器兼容性测试的时效性较差。

技术实现思路

[0005]为解决上述技术问题,本申请实施例中提供了一种页面兼容性处理方法、装置、计算机设备和存储介质。
[0006]本申请实施例的第一个方面,提供了一种页面兼容性处理方法,该方法包括:
[0007]获取当前页面在当前浏览器中的源文件,其中,该源文件中存储有当前页面的文档对象模型文件;
[0008]对该源文件进行解析,得到当前页面在当前浏览器中对应的多个标识信息;
[0009]若该标识信息与当前页面的预设标识信息不匹配,则从预先存储的配置文件中查询得到与该标识信息对应的目标配置信息;
[0010]基于该目标配置信息对当前页面的标识信息进行修改,以使当前页面与当前浏览器适配。
[0011]在本申请一个可选的实施例中,该方法中的标识信息包括:标签类型、语法格式和属性信息中的至少一种。
[0012]在本申请一个可选的实施例中,该方法中对该源文件进行解析,得到该当前页面所对应的多个标识信息,包括:
[0013]解析当前页面的该源文件,得到该当前页面所对应的该页面标签;
[0014]针对于每个页面标签,提取各页面标签中的信息,得到多个各页面标签对应的各标识信息。
[0015]在本申请一个可选的实施例中,该方法在在该得到该当前页面在该当前浏览器中对应的多个标识信息之后,还包括:
[0016]将各该标识信息分别与该当前浏览器的兼容性信息列表中的各该预设标识信息
进行内容比对;
[0017]根据比对结果确定该标识信息与该当前页面的该预设标识信息是否匹配。
[0018]在本申请一个可选的实施例中,该方法中基于该目标配置信息对该当前页面的该标识信息进行修改,包括:
[0019]基于拓展模块中的注入脚本将该目标配置信息注入至该当前页面的源文件中,得到更新后的源文件;
[0020]基于该更新后的源文件,更新该当前页面的中的多个该标识信息。
[0021]在本申请一个可选的实施例中,该方法还包括:
[0022]将该更新后的源文件存储于本地存储模块中该当前页面对应的目标位置。
[0023]在本申请一个可选的实施例中,更新后的源文件至少包括:该当前页面的页面标签、该标识信息与该目标配置文件。
[0024]在本申请一个可选的实施例中,该方法还包括:
[0025]响应于该当前浏览器针对该当前页面的重新加载操作,从该本地存储模块调取该更新后的源文件;
[0026]将该更新后的源文件作为该当前页面在该当前浏览器中的该源文件,加载该当前页面。
[0027]本申请实施例的第二个方面,提供了一种页面兼容性处理装置,该装置包括:获取模块、解析模块、查询模块和修改模块,
[0028]该获取模块,用于获取当前页面在当前浏览器中的源文件,其中,该源文件中存储有当前页面的文档对象模型文件;
[0029]该解析模块,用于对该源文件进行解析,得到当前页面在该当前浏览器中对应的多个标识信息;
[0030]该查询模块,用于若该标识信息与该当前页面的预设标识信息不匹配,则从预先存储的配置文件中查询得到与该标识信息对应的目标配置信息;
[0031]该修改模块,用于基于目标配置信息对当前页面的该标识信息进行修改,以使当前页面与该当前浏览器适配。
[0032]本申请实施例的第三个方面,提供了一种计算机设备,包括:包括存储器和处理器,存储器存储有计算机程序,处理器执行计算机程序时实现如上任一项方法的步骤。
[0033]本申请实施例的第四个方面,提供了一种计算机可读存储介质,其上存储有计算机程序,其特征在于,计算机程序被处理器执行时实现如上任一项的方法的步骤。
[0034]本申请实施例所提供的方法,通过获取当前页面的源文件,并分析源文件中的标识信息,若源文件中的标识信息与预设的标识信息不相匹配,则确定当前页面与浏览器不相兼容,从而能够在代码层判断当前页面是否与浏览器相兼容,无需工作人员进行一一人工筛查,效率更高,且避免了浏览器加载完毕页面数据后再进行判断,时效性更高,从而解决了目前浏览器兼容性测试时效性差的问题,达到了提高浏览器兼容性测试时效性的技术效果。
[0035]同时,本申请实施例在当前页面与浏览器不兼容的情况下自动获取当前页面相匹配的目标配置信息,并基于该目标配置信息对当前页面中不匹配的标识信息进行实时自动修改,从而提高浏览器对于当前页面的兼容性。
附图说明
[0036]此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
[0037]图1为本申请一个实施例提供的页面方法的应用场景示意图;
[0038]图2为本申请一个实施例提供的页面兼容性处理方法的流程图1;
[0039]图3为本申请一个实施例提供的页面兼容性处理方法的流程图2;
[0040]图4为本申请一个实施例提供的页面兼容性处理方法的流程图3;
[0041]图5为本申请一个实施例提供的页面兼容性处理方法的流程图4;
[0042]图6为本申请一个实施例提供的页面兼容性处理方法的流程图5;
[0043]图7为本申请一个实施例提供的页面兼容性处理装置结构示意图1;
[0044]图8为本申请一个实施例提供的页面兼容性处理装置结构示意图2;
[0045]图9为本申请一个实施例提供的计算机设备结构示意图。
具体实施方式
[0046]在实现本申请的过程中,专利技术人发现,目前的浏览器兼容性测试的时效性较差。
[0047]针对上述问题,本申请实施例中提供了一种页面兼容性处理方法、装置、计算机设备和存储介质。
[0048]本申请实施例中的方案可以采用各种计算机语言实现,例如,面向对象的程序设计语言Java和直译式脚本语言JavaScript等。
[0049]为了使本申请实施例中的技术方案及优点更加清楚明白,以下结合附图对本申请的示例性实施例进行进一步本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种页面兼容性处理方法,其特征在于,包括:获取当前页面在当前浏览器中的源文件,其中,所述源文件中存储有所述当前页面的文档对象模型文件;对所述源文件进行解析,得到所述当前页面在所述当前浏览器中对应的多个标识信息;若所述标识信息与所述当前页面的预设标识信息不匹配,则从预先存储的配置文件中查询得到与所述标识信息对应的目标配置信息;基于所述目标配置信息对所述当前页面的所述标识信息进行修改,以使所述当前页面与所述当前浏览器适配。2.根据权利要求1所述的页面兼容性处理方法,其特征在于,所述对所述源文件进行解析,得到所述当前页面在所述当前浏览器中对应的多个标识信息,包括:解析所述当前页面的所述源文件,得到所述当前页面对应的多个页面标签;针对每个所述页面标签,提取所述页面标签中的信息,得到各所述页面标签对应的各所述标识信息。3.根据权利要求1或2所述的页面兼容性处理方法,其特征在于,所述标识信息包括:标签类型、语法格式和属性信息中的至少一种。4.根据权利要求2所述的页面兼容性处理方法,其特征在于,在得到所述当前页面在所述当前浏览器中对应的多个标识信息之后,所述方法还包括:将各所述标识信息分别与所述当前浏览器的兼容性信息列表中的各所述预设标识信息进行内容比对;根据比对结果确定所述标识信息与所述当前页面的所述预设标识信息是否匹配。5.根据权利要求1所述的页面兼容性处理方法,其特征在于,所述基于所述目标配置信息对所述当前页面的所述标识信息进行修改,包括:基于拓展...

【专利技术属性】
技术研发人员:张昊安晓江胡伯良
申请(专利权)人:北京海泰方圆科技股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1