页面兼容性处理方法、装置、计算机设备和存储介质与流程

1.本技术涉及计算机技术领域，具体地，涉及一种页面兼容性处理方法、装置、计算机设备和存储介质。


背景技术：

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


技术实现要素：

5.为解决上述技术问题，本技术实施例中提供了一种页面兼容性处理方法、装置、计算机设备和存储介质。
6.本技术实施例的第一个方面，提供了一种页面兼容性处理方法，该方法包括：
7.获取当前页面在当前浏览器中的源文件，其中，该源文件中存储有当前页面的文档对象模型文件；
8.对该源文件进行解析，得到当前页面在当前浏览器中对应的多个标识信息；
9.若该标识信息与当前页面的预设标识信息不匹配，则从预先存储的配置文件中查询得到与该标识信息对应的目标配置信息；
10.基于该目标配置信息对当前页面的标识信息进行修改，以使当前页面与当前浏览器适配。
11.在本技术一个可选的实施例中，该方法中的标识信息包括：标签类型、语法格式和属性信息中的至少一种。
12.在本技术一个可选的实施例中，该方法中对该源文件进行解析，得到该当前页面所对应的多个标识信息，包括：
13.解析当前页面的该源文件，得到该当前页面所对应的该页面标签；
14.针对于每个页面标签，提取各页面标签中的信息，得到多个各页面标签对应的各标识信息。
15.在本技术一个可选的实施例中，该方法在在该得到该当前页面在该当前浏览器中对应的多个标识信息之后，还包括：
16.将各该标识信息分别与该当前浏览器的兼容性信息列表中的各该预设标识信息
进行内容比对；
17.根据比对结果确定该标识信息与该当前页面的该预设标识信息是否匹配。
18.在本技术一个可选的实施例中，该方法中基于该目标配置信息对该当前页面的该标识信息进行修改，包括：
19.基于拓展模块中的注入脚本将该目标配置信息注入至该当前页面的源文件中，得到更新后的源文件；
20.基于该更新后的源文件，更新该当前页面的中的多个该标识信息。
21.在本技术一个可选的实施例中，该方法还包括：
22.将该更新后的源文件存储于本地存储模块中该当前页面对应的目标位置。
23.在本技术一个可选的实施例中，更新后的源文件至少包括：该当前页面的页面标签、该标识信息与该目标配置文件。
24.在本技术一个可选的实施例中，该方法还包括：
25.响应于该当前浏览器针对该当前页面的重新加载操作，从该本地存储模块调取该更新后的源文件；
26.将该更新后的源文件作为该当前页面在该当前浏览器中的该源文件，加载该当前页面。
27.本技术实施例的第二个方面，提供了一种页面兼容性处理装置，该装置包括：获取模块、解析模块、查询模块和修改模块，
28.该获取模块，用于获取当前页面在当前浏览器中的源文件，其中，该源文件中存储有当前页面的文档对象模型文件；
29.该解析模块，用于对该源文件进行解析，得到当前页面在该当前浏览器中对应的多个标识信息；
30.该查询模块，用于若该标识信息与该当前页面的预设标识信息不匹配，则从预先存储的配置文件中查询得到与该标识信息对应的目标配置信息；
31.该修改模块，用于基于目标配置信息对当前页面的该标识信息进行修改，以使当前页面与该当前浏览器适配。
32.本技术实施例的第三个方面，提供了一种计算机设备，包括：包括存储器和处理器，存储器存储有计算机程序，处理器执行计算机程序时实现如上任一项方法的步骤。
33.本技术实施例的第四个方面，提供了一种计算机可读存储介质，其上存储有计算机程序，其特征在于，计算机程序被处理器执行时实现如上任一项的方法的步骤。
34.本技术实施例所提供的方法，通过获取当前页面的源文件，并分析源文件中的标识信息，若源文件中的标识信息与预设的标识信息不相匹配，则确定当前页面与浏览器不相兼容，从而能够在代码层判断当前页面是否与浏览器相兼容，无需工作人员进行一一人工筛查，效率更高，且避免了浏览器加载完毕页面数据后再进行判断，时效性更高，从而解决了目前浏览器兼容性测试时效性差的问题，达到了提高浏览器兼容性测试时效性的技术效果。
35.同时，本技术实施例在当前页面与浏览器不兼容的情况下自动获取当前页面相匹配的目标配置信息，并基于该目标配置信息对当前页面中不匹配的标识信息进行实时自动修改，从而提高浏览器对于当前页面的兼容性。
附图说明
36.此处所说明的附图用来提供对本技术的进一步理解，构成本技术的一部分，本技术的示意性实施例及其说明用于解释本技术，并不构成对本技术的不当限定。在附图中：
37.图1为本技术一个实施例提供的页面方法的应用场景示意图；
38.图2为本技术一个实施例提供的页面兼容性处理方法的流程图1；
39.图3为本技术一个实施例提供的页面兼容性处理方法的流程图2；
40.图4为本技术一个实施例提供的页面兼容性处理方法的流程图3；
41.图5为本技术一个实施例提供的页面兼容性处理方法的流程图4；
42.图6为本技术一个实施例提供的页面兼容性处理方法的流程图5；
43.图7为本技术一个实施例提供的页面兼容性处理装置结构示意图1；
44.图8为本技术一个实施例提供的页面兼容性处理装置结构示意图2；
45.图9为本技术一个实施例提供的计算机设备结构示意图。
具体实施方式
46.在实现本技术的过程中，发明人发现，目前的浏览器兼容性测试的时效性较差。
47.针对上述问题，本技术实施例中提供了一种页面兼容性处理方法、装置、计算机设备和存储介质。
48.本技术实施例中的方案可以采用各种计算机语言实现，例如，面向对象的程序设计语言java和直译式脚本语言javascript等。
49.为了使本技术实施例中的技术方案及优点更加清楚明白，以下结合附图对本技术的示例性实施例进行进一步详细的说明，显然，所描述的实施例仅是本技术的一部分实施例，而不是所有实施例的穷举。需要说明的是，在不冲突的情况下，本技术中的实施例及实施例中的特征可以相互组合。
50.用户在使用浏览器的过程中，因为浏览器的无法兼容用户所请求的页面，如，不同浏览器使用内核及所支持的html等页面语言标准不同，或者用户客户端的环境不同，最终造成的显示效果不能达到理想效果。现有技术方案为了检测浏览器的兼容性，会在浏览器加载页面后，使用截图工具截取不同浏览器加载的同一页面的图片进行比对，并输出比对结果；或使用开源框架与浏览器驱动加载页面，对比不同浏览器加载页面的结果,但是这一分析比对的过程，需先通过浏览器加载完毕目标页面的数据，再根据加载结果判断浏览器的兼容性，这一数据加载的过程会浪费浏览器的处理资源，也无法根据加载过程中的实时调整浏览器配置，最终造成了浏览器兼容性测试时效性差的问题。
51.基于上述现有技术中浏览器兼容性测试的时效性较差，本技术提出一种页面处理的方法，该方法通过获取当前页面的源代码，并通过分析当前页面代码，判断代码中是否包含的与浏览器不兼容的元素，若当前页面包含浏览器不兼容的元素，则根据预设的配置文件，修改当前页面的源代码，实现了在页面加载的过程中判断浏览器兼容性，并且能够动态修改不兼容的代码。
52.以下对本技术实施例提供的页面兼容性处理方法的应用环境作简要说明：
53.请参见图1，本技术实施例提供的终端设备10，该终端设备可以为服务终端，例如服务器、服务器集群等，也可以为本地终端，例如计算机、个人笔记本电脑、平板电脑、可穿
戴设备，在此不作穷举。该终端设备配置有至少一种浏览器，该浏览器在运行时可以加载一网络页面，该网络页面作为本技术实施例的测试页面。需要解释的是，该浏览器配置有引擎模块、存储模块和拓展模块；其中，该浏览器中的引擎模块，用于获取当前页面的源文件，并解析源文件，获取当前页面的标识信息；再通过存储模块获取当前页面的预设标识信息，并比对分析当前页面的标识信息和预设标识信息，若标识信息和预设标识信息不相匹配，则通过拓展模块获取标识信息相匹配的目标配置信息，并通过目标配置信息修改源文件；该浏览器中的拓展模块，用于读取存储与存储模块中当前页面的目标配置文件，并更新当前页面的源文件，在访问当前页面时将更新后的源文件注入到页面中，以实现页面对于浏览器的兼容性适配，其中目标配置文件是根据浏览器的兼容性规定生成的；该浏览器中的存储模块用于存储当前页面的源文件所对应的预设标识信息，以及当前页面的目标配置文件。
54.请参见图2，以下实施例以上述终端设备为执行主体，对网络页面在该终端设备中任意一种浏览器上进行兼容性适配为例进行举例说明。本技术实施例提供的页面兼容性处理方法包括如下步骤201-步骤204：
55.步骤201、获取当前页面在当前浏览器中的源文件。
56.其中，该源文件是指存储当前页面基础代码以及配置信息的文件，该源文件中存储有所述当前页面的文档对象模型文件，该源文件中至少包括当前页面的文档对象模型(document object model，简称dom)。
57.其中，当前页面可以为测试网页页面，也可以为浏览器运行时任意一个页面，本技术实施例不作具体限定，该当前页面的源文件中的基础代码一般包括：html文档，html文档是由各种html元素组成的，如html元素(html文档根元素)、head(html头部)元素、body(html主体)元素、title(html标题)元素和p(段落)元素等。同时，基于当前页面源文件代码中的对象，通过将html文档的结构和内容转换为可供各种程序使用的对象模型，即dom。文档对象模型(document object model，简称dom)，dom提供了对整个页面文件的访问模型，通过采用的树形结构来表示页面中的每个元素，树的每个结点表示了一个html标签或标签内的文本项。本技术实施例可以从当前浏览器中的拓展模块获取或调用当前页面的源文件。
58.步骤202、对源文件进行解析，得到当前页面在当前浏览器中对应的多个标识信息。
59.当前页面的标识信息是用于区分当前页面的各元素，当前页面的标识信息至少包括：当前页面的标签类型、语法格式、描述信息、属性信息中的至少一种，其中属性信息可以包括属性名和属性值，例如，目标元素的id属性，id属性信息包括属性名：a元素；属性值：n。
60.本技术实施例中解析当前页面中的源文件的dom文件，获取由html文档中多层节点构成的结构，其中的节点分为几种不同的类型，如，文档节点、元素节点、属性节点、文本节点、注释节点，每种类型的节点分别表示文档中不同的信息或标记，通过这些节点所所包含的节点类型、节点值和节点名称，获取当前页面的标识信息。
61.步骤203、若标识信息与当前页面的预设标识信息不匹配，则从预先存储的配置文件中查询得到与标识信息对应的目标配置信息。
62.预设标识信息是开发人员根据实际需要进行兼容性适配的监控指标，其中，监控
指标是指在若干符合浏览器兼容规则的标识信息中选取的部分标识信息。例如，为了检测浏览器关于页面中音频播放的兼容性，则可以选取浏览器中与音频相关的标识信息，作为预设标识信息，即监控指标。
63.通过当前页面的标识信息与预设标识信息的比对判断，能够判断当前页面是否与浏览器兼容，预设标识信息可以为页面标签或者其他标签信息。当前页面预设的页面标签描述当前页面的预设元素。
64.本技术实施例中的目标配置信息可以根据历史记录中在修改当前页面的配置信息获取的，也可以根据预先设置的页面配置信息获取。
65.在确定该标识信息与该当前页面的预设标识信息不匹配后，查找到当前页面具体哪个标识信息与预设的标识信息不匹配，如，依次对比当前页面的标签类型、语法格式、描述信息、属性信息中的至少一种，若有任一种信息与预设的信息不相匹配，则从预先存储的配置文件中查询与该标识信息对应的目标配置信息。
66.例如，根据标签类型进行比对分析，若标识信息指示标签类型为视频标签，则根据视频标签确定当前页面所播放的视频格式；同时，查找到预设标识信息中的预设视频标签，根据预设视频标签确定浏览器支持视频格式，若浏览器支持的视频格式与当前页面播放的视频格式不匹配，则从预先存储的配置文件中查询与该标识信息对应的目标配置信息，解决浏览器不兼容页面视频格式问题。
67.步骤204、基于目标配置信息对当前页面的标识信息进行修改，以使当前页面与当前浏览器适配。
68.基于该目标配置信息修改该当前页面的标识信息，以使得标识信息中关于当前页面的标签、语言规则、属性中所有信息均符合预设的标识信息，即使得当前页面满足浏览器的兼容性规定。
69.本技术实施例中，可以在访问当前页面时通过浏览器扩展模块将目标配置信息注入到页面中，以实现页面对于浏览器的兼容性适配，其中，拓展模块中预先配置有代码注入程序，代码注入程序可以用于在访问当前页面的时候注入目标配置信息，以实现修改当前页面的源文件的技术效果。
70.通过修改当前页面的标识信息后，再次判断，直至确定该标识信息与该当前页面的预设标识信息相匹配后，则标记当前页面为与浏览器相匹配的页面。
71.本技术实施例所提供的方法，通过获取当前页面的源文件，并分析源文件中的标识信息，若源文件中的标识信息与预设的标识信息不相匹配，则确定当前页面与浏览器不相兼容，从而能够在代码层判断当前页面是否与浏览器相兼容，无需工作人员进行一一人工筛查，效率更高，且避免了浏览器加载完毕页面数据后再进行判断，时效性更高，从而解决了目前浏览器兼容性测试时效性差的问题，达到了提高浏览器兼容性测试时效性的技术效果。
72.同时，本技术实施例在当前页面与浏览器不兼容的情况下自动获取当前页面相匹配的目标配置信息，并基于该目标配置信息对当前页面中不匹配的标识信息进行实时自动修改，从而提高浏览器对于当前页面的兼容性。
73.在本技术一个可选实施例中，本技术所提供的方法中的标识信息包括：标签类型、语法格式和属性信息中的至少一种。
74.页面标签可以包括多种类型的标签，如基本标签中的《html》/《html》、常用格式标签中的《b》/《b》、表单标签中的《form》、列表标签中的《menu》、应用标签中的《img》、视频标签中的《video》等类型，不同的标签代表着不同的页面元素，此处不再详细列举。
75.语法格式则是根据描述不同类型的元素进行设定，如描述元素的内容类型时所对应的语法格式为：扩展名为.html或者.htm，其所对应的内容类型为"text/html"。
76.属性信息用于标识页面中的元素，如元素的class属性，用于定义类规则或样式规则；或者，元素的id属性，用于定义元素的唯一标识。
77.本技术所提供的方法在解析当前页面的源文件时获取的标识信息包括多种元素的信息，从而能够使得在基于标识信息判断兼容性时信息更为丰富，比对结果更为准确，进一步提高本技术实施例中兼容性测试与适配修复的可靠性。
78.如图3所示，在本技术一个可选实施例中，上述步骤202中对源文件进行解析，得到当前页面在当前浏览器中对应的多个标识信息，还包括如下步骤301-步骤302：
79.步骤301、解析当前页面的源文件，获取当前页面所对应的多个页面标签。
80.当前页面的源文件中所包含的dom文件，是以节点树的形式来表现页面元素，树中的内容称为“节点”，该节点获取元素节点(标签)、属性节点、文本节点，则可以通过元素节点获取元素的标签信息。解析当前页面的源文件后，通过遍历算法，获取当前页面所对应的页面标签，例如，通过深度优先遍历算法，遍历当前页面的源代码。通过深度优先遍历算法，在搜索时不全部保留节点，从而能够实现占用空间少的技术效果，并且能够让有关联的对象排列在一起，从而增加缓存的命中，提高运算的速度。
81.步骤302、针对于每个页面标签，提取页面标签中的信息，得到各页面标签对应的各标识信息。
82.通过页面标签能够描述当前页面中的元素，通过当前页面中的元素能够查找到该元素的元素属性和语法信息，最终根据当前页面的元素的页面标签、语法和属性信息生成当前页面的标识信息。
83.本技术可以通过分析当前页面的标签种类和种类数量，提取得到当前页面的标识信息，从而能够基于各种标签内的元素信息判断当前页面与浏览器的兼容性，提高了判断页面兼容性时的可靠性，从而便于实现后续提高兼容性判断的时效性。
84.如图4所示，在本技术一个可选实施例中，在上述步骤202对源文件进行解析，得到当前页面在当前浏览器中对应的多个标识信息之后，还包括如下步骤401-步骤402：
85.步骤401、将各标识信息分别与当前浏览器的兼容性信息列表中的各预设标识信息进行内容比对。
86.当前浏览器的兼容性信息列表用于指示当前浏览器兼容性测试中测试项目所对应的预设标识信息，例如，测试项目可以包括：播放兼容性测试或者目标程序兼容性测试等。该兼容性信息列表至少包括预设标识信息中标签类型、语法格式和属性信息中的至少一种信息。其中，预设标识信息的描述如步骤203，此处不再赘述。
87.在进行内容对比时，可以根据兼容性列表中当前项的预设标识信息中的每种类型信息，依次与当前页面的预设标识信息进行对比，在当前项预设标识信息中的全部类型信息对比完成后，再对比下一项预设标识信息中的每种类型信息。
88.或者，也可以根据兼容性列表中的当前项预设标识信息中的目标类型信息，与当
前页面的预设标识信息中目标类型信息进行对比，在当前项预设标识信息中的目标类型信息对比完成后，再对比下一项预设标识信息中的目标类型信息。
89.步骤402、根据比对结果确定标识信息与当前页面的预设标识信息是否匹配。
90.若标识信息中标签类型、语法格式和属性信息中的至少一种信息和预设标识信息不相匹配，则确定该标识信息与该当前页面的预设标识信息不匹配。
91.例如，以对比标识信息中的属性信息为例，进行阐述如何比对标识信息和预设标识信息：根据标识信息，获取当前页面的目标属性名及目标属性值；根据目标属性名查找到当前页面的预设标识信息中的预设属性值；若目标属性值与预设属性值不匹配，则确定标识信息与当前页面的预设标识信息不匹配。
92.本技术实施例中通过对比当前页面的标识信息和兼容性信息列表中的各预设标识信息，判断当前页面的标识信息是否与预设标识信息相匹配，筛选出当前页面的代码中包含的与浏览器可能不兼容的元素，如，元素的属性或者元素的语法，通过代码层的中逐个元素的比对分析，取代了现有技术中通过页面画面的比对进行浏览器兼容性的判断，提高了判断浏览器兼容性时的准确性，同时便于精准定位当前页面中不兼容的元素，提高了当前页面兼容性修复的精准度，最终实现了提高当前页面在浏览器中的兼容性。
93.如图5所示，在本技术一个可选实施例中，上述步骤204中基于目标配置信息对当前页面的标识信息进行修改，以使当前页面与当前浏览器适配，包括如下步骤501-步骤502：
94.步骤501、基于拓展模块中的注入脚本将目标配置信息注入至当前页面的源文件中，得到更新后的源文件。
95.目标配置文件是用于修改当前页面所对应标识信息的配置文件，以使得当前页面的标识信息满足预设页面的标识信息，即使得当前页面满足浏览器兼容性规定。
96.目标配置文件包括浏览器扩展模块中预先配置好的修改方案，也可以包括运维人员根据当前页面中不兼容的标识信息，生成的修改代码。
97.在检测到访问当前页面时，通过拓展模块中的注入脚本，将更新后的目标配置文件注入到当前页面的源文件中。
98.步骤502、基于更新后的源文件更新当前页面的标识信息。
99.当修改完成当前页面的配置信息后，浏览器中的扩展模块会根据本次修改的页面地址、标签位置和具体修改的配置文件，更新目标配置文件，并根据当前页面的页面标签，标识信息与更新后的目标配置文件，更新源文件。
100.基于修改后的源文件更新当前页面的标识信息，以使得当前页面的标识信息与预设标识信息相匹配，即使得当前页面与浏览器相匹配。
101.本技术实施例基于拓展模块中的注入脚本将目标配置信息注入至当前页面的源文件中，简单方便，效果更高，提高基于更新后的源文件更新当前页面的标识信息的效率，进一步提高本技术实施例兼容性修复的效率。在本技术一个可选实施例中，本技术所提供的方法中更新后的源文件至少包括：当前页面的页面标签、标识信息与目标配置文件；其中，当前页面的页面标签和标识信息是指根据目标配置文件修改后当前页面的页面标签和标识信息；目标配置信息是指修改当前页面过程中所对应的配置文件。本技术实施例更新后的源文件至少包含当前页面的页面标签、所述标识信息与所述目标配置文件，方便下次
调用时可以快速高效的找到对应的源文件，提高目标配置文件的调取效率，进一步提高本技术实施例兼容性修复的效率。
102.在本技术一个可选实施例中，本技术所提供的方法在修改当前页面的标识信息之后，还包括：将修改后的源文件存储于本地存储模块中当前页面中。
103.本技术实施例中通过在本地存储模块中存储当前页面对应的修改后的源文件，能够便于在后续加载当前页面时快速准确的查找到当前页面的源文件，并通过源文件对当前页面的配置信息进行修改，以提高当前页面兼容性适配的持久性。如图6所示，在本技术一个可选实施例中，上述步骤204中基于目标配置信息对当前页面的该标识信息进行修改之后，包括如下步骤601-步骤602：
104.步骤601、响应于当前浏览器针对当前页面的重新加载操作，从本地存储模块调取更新后的源文件。
105.本地端存储模块会将修改后的源文件存储于本地存储模块中当前页面所对应的目标位置，并响应重新加载操作时，在目标位置调取源文件。
106.更新后的源文件包括当前页面的页面标签、标识信息与更新后的目标配置文件。
107.步骤602、将更新后的源文件作为当前页面在当前浏览器中的源文件，加载当前页面。
108.在当前页面加载过程中调取更新后源文件中的目标配置文件，通过目标配置文件使得当前页面中与浏览器不兼容的元素，更新为与浏览器相适配的元素，即，使得加载后的网页与浏览器相兼容。
109.本技术实施例中通过存储当前页面对应的修改后的源文件，能够使得再次开启浏览器时读取该本地配置文件，在加载对应页面时再次执行配置文件中的修改代码，以达到兼容性修改与适配持久化的目的。
110.应该理解的是，虽然流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些子步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
111.请参见图7，本技术一个实施例提供了一种页面兼容性处理装置70，该装置70包括：获取模块701、解析模块702、查询模块703和修改模块704，
112.该获取模块701，用于获取当前页面在当前浏览器中的源文件，其中，该源文件中存储有当前页面的文档对象模型文件；
113.该解析模块702，用于对该源文件进行解析，得到当前页面在当前浏览器中的所对应的多个标识信息；
114.该查询模块703，用于若该标识信息与该当前页面的预设标识信息不匹配，则从预先存储的配置文件中查询得到与该标识信息对应的目标配置信息；
115.该修改模块704，用于基于该目标配置信息对当前页面的标识信息进行修改，以使当前页面与当前浏览器适配。
116.在本技术一个可选的实施例中，该装置70中解析模块702所得到的标识信息包括：
标签类型、语法格式和属性信息中的至少一种。
117.在本技术一个可选的实施例中，该装置70中的解析模块702还用于：
118.解析该当前页面的该源文件，得到该当前页面所对应的多个页面标签；
119.针对每个该页面标签，提取该页面标签中的信息，得到各页面标签对应的各标识信息。
120.请参见图8，在本技术一个可选的实施例中，该装置70还包括匹配模块705，该匹配模块705，用于将各该标识信息分别与该当前浏览器的兼容性信息列表中的各预设标识信息进行内容比对；
121.根据比对结果确定标识信息与当前页面的预设标识信息是否匹配。
122.在本技术一个可选的实施例中，该装置70中的修改模块704还用于：基于该目标配置信息修改该当前页面的该标识信息；包括：
123.基于拓展模块中的注入脚本将该目标配置信息注入至该当前页面的源文件中，得到更新后的源文件；
124.基于该更新后的源文件，更新该当前页面的中的多个标识信息。
125.在本技术一个可选的实施例中，该装置70中的修改模块704还用于：
126.将该更新后的源文件存储于本地存储模块中该当前页面对应的目标位置。
127.在本技术一个可选的实施例中，该装置70中的修改模块704还用于：
128.响应于该当前浏览器针对该当前页面的重新加载操作，从本地存储模块调取更新后的源文件；
129.将该更新后的源文件作为当前页面在当前浏览器中的该源文件，加载该当前页面。
130.在本技术一个可选的实施例中，该装置70中的修改模块704中的更新后的源文件至少包括：该当前页面的页面标签、该标识信息与该目标配置文件。
131.本技术实施例所提供的装置，通过获取当前页面的源文件，并分析源文件中的标识信息，若源文件中的标识信息是否与预设标识信息不相匹配，则确定当前页面与浏览器不相兼容，从而能够在代码层判断页面是否与浏览器相兼容性，取代了工作人员去筛查页面的不兼容问题，避免了浏览器加载完毕页面数据后再进行判断，解决了浏览器兼容性测试时效性差的问题，从而实现了提高浏览器兼容性测试时效性的技术效果。
132.关于上述页面兼容性处理装置的具体限定可以参见上文中对于页面兼容性处理方法的限定，在此不再赘述。上述页面兼容性处理装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。
133.在一个实施例中，提供了一种计算机设备，该计算机设备的内部结构图可以如图9所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口和数据库。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的数据库用于存储数据。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机
程序被处理器执行时以实现如上的一种页面兼容性处理方法。包括：包括存储器和处理器，存储器存储有计算机程序，处理器执行计算机程序时实现如上页面兼容性处理方法中的任一步骤。
134.在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时可以实现如上页面兼容性处理方法中的任一步骤。
135.本领域内的技术人员应明白，本技术的实施例可提供为方法、系统、或计算机程序产品。因此，本技术可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本技术可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。
136.本技术是参照根据本技术实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
137.这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
138.这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
139.尽管已描述了本技术的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本技术范围的所有变更和修改。
140.显然，本领域的技术人员可以对本技术进行各种改动和变型而不脱离本技术的精神和范围。这样，倘若本技术的这些修改和变型属于本技术权利要求及其等同技术的范围之内，则本技术也意图包含这些改动和变型在内。