[发明专利]一种高效的Web应用跨浏览器布局兼容性检测系统及方法

摘要

本发明涉及一种高效的Web应用跨浏览器布局兼容性检测系统及方法，包括：数据处理模块、节点匹配模块、AG图构造模块和节点比较模块，其中数据处理模块，负责处理单个浏览器的页面数据；节点匹配模块，负责匹配参考浏览器和待测浏览器中同一个事件变化的节点；AG图构造模块，负责对每个事件中变化的区域构造AG图，得到每个节点在布局上的父节点和兄弟节点；节点比较模块，负责比较相匹配节点的父子关系和兄弟关系，得到节点的布局兼容性问题。本发明提高了Web应用布局兼容性检测的效率，并且也避免了检测结果的重复报告。

主权项

1.一种高效的Web应用跨浏览器布局兼容性检测系统，其特征在于包括：数据处理模块、节点匹配模块、Alignment GraphAG图构造模块和节点比较模块，其中：/n数据处理模块，负责处理从参考浏览器和待测浏览器收集的页面数据；该模块通过比较相邻两个事件的数据，得到每个事件中变化的节点和变化的区域，所述变化的节点包括：增加的节点、删除的节点、坐标变化的节点、属性变化的节点、父节点改变的节点和在父节点中次序变化的节点；将变化的节点送至节点匹配模块，变化的区域送于AG图构造模块；/n节点匹配模块，基于数据处理模块分别为参考浏览器和待测浏览器处理得到的每个事件发生后的变化节点信息，匹配参考浏览器和待测浏览器中同一个事件中变化的节点；该模块包括两个步骤：按层完全匹配、全局最相似匹配，所述按层完全匹配指的是待测浏览器中待匹配节点与参考浏览器中同一层的节点进行相似度比较，直到找到完全一样的节点；所述全局最相似匹配指的是参考浏览器和待测浏览器中未在上一步骤中完成匹配的节点相互间找到最相似的节点，作为相匹配的节点；/nAlignment GraphAG图构造模块，负责对每个事件中变化的区域构造AlignmentGraphAG图，得到每个节点在布局上的父节点和兄弟节点；/n节点比较模块，基于AG图构造模块为参考浏览器和待测浏览器变化区域构造的Alignment GraphAG图,以及节点匹配模块为参考浏览器和待测浏览器变化区域计算的节点匹配信息，比较相匹配节点的父子关系和兄弟关系是否相同，如果有相同的父子和兄弟关系，则没有布局兼容问题，否则，两个节点存在布局兼容性问题。/n