[发明专利]一种Web应用中布局兼容性问题的修复方法和装置

说明书

本申请公开了一种Web应用中布局兼容性问题的修复方法和装置，方法包括：获取布局兼容性问题；提取布局兼容性问题的特征信息；根据特征信息，通过预置的决策树查询布局兼容性问题的待修复CSS属性；若查询到待修复CSS属性，则根据待修复CSS属性，并通过交替变量搜索方法进行搜索，以得到修复布局兼容性问题的修复值；若没有查询到待修复CSS属性，则根据特征信息，通过交替变量搜索方法进行全局搜索，以得到待修复CSS属性和修复值；根据修复值，对布局兼容性问题进行修复，解决了现有技术中，即使在历史修复中存在类似的修复方案，仍然需要搜索多个可能导致该兼容性问题的CSS属性集，不能优先搜索历史的修复方案，导致修复效率较低的技术问题。

技术领域

本申请涉及计算机技术领域，尤其涉及一种Web应用中布局兼容性问题的修复方法和装置。

背景技术

随着互联网和Web技术的快速发展，Web应用正在成为重要的信息获取和交流平台。用户通过浏览器进行访问和使用Web应用，由于不同浏览器的差异以及对标准遵循程度的不同，导致Web应用在不同的浏览器平台上运行时可能出现行为和页面展现方面的不一致，即跨浏览器的不兼容问题。跨浏览器兼容性问题(XBI)分为三类：行为不一致、布局不一致和内容不一致。行为不一致：这类不一致通常指页面中元素的功能失效，如点击链接页面无法跳转，点击按钮页面没有反应；布局不一致：指页面中元素在布局方面的错误。例如：两个按钮在Chrome浏览器中横排且上下对齐，但是在IE浏览器中则显示为竖排；内容不一致：进一步分为文本内容不一致和可视内容不一致。文本不一致指的是元素内部的文本不同，可视内容不一致是指元素在可视化方面，如图片内容、元素样式等方面的不同。

现有技术中，即使在历史修复中存在类似的修复方案，仍然需要搜索多个可能导致该兼容性问题的CSS属性集，不能优先搜索历史的修复方案，导致修复效率较低。

发明内容

本申请提供了一种Web应用中布局兼容性问题的修复方法和装置，用于解决现有技术中，即使在历史修复中存在类似的修复方案，仍然需要搜索多个可能导致该兼容性问题的CSS属性集，不能优先搜索历史的修复方案，导致修复效率较低的技术问题。

有鉴于此，本申请第一方面提供了一种Web应用中布局兼容性问题的修复方法，包括：

获取布局兼容性问题；

提取所述布局兼容性问题的特征信息，所述特征信息包括所述布局兼容性问题的类型、所述布局兼容性问题中元素的CSS属性和HTML属性；

根据所述特征信息，通过预置的决策树查询所述布局兼容性问题的待修复CSS属性，其中所述预置的决策树为根据历史修复数据训练得到；

若查询到所述待修复CSS属性，则根据所述待修复CSS属性，通过交替变量搜索方法进行搜索，以得到修复所述布局兼容性问题的修复值；

若没有查询到所述待修复CSS属性，则根据所述特征信息，通过交替变量搜索方法进行全局搜索，以得到所述待修复CSS属性和所述修复值；

根据所述修复值，对所述布局兼容性问题进行修复。

可选地，所述获取布局兼容性问题，之后还包括：

根据所述布局兼容性问题中元素在页面中的大小和位置，对所述布局兼容性问题进行分组，得到分组后的布局兼容性问题；

根据分组后的布局兼容性问题在页面中的坐标信息，按照从上到下，从左到右的渲染顺序对每组布局兼容性问题进行排序，得到排序后的布局兼容性问题。

可选地，所述根据所述布局兼容性问题中元素在页面中的大小和位置，对所述布局兼容性问题进行分组，得到分组后的布局兼容性问题，包括：

根据所述布局兼容性问题中元素的面积大小，对所述元素按从小到大的顺序进行排序，得到排序后的元素序列；