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

说明书

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

技术领域

本发明涉及一种高效的Web应用跨浏览器布局兼容性检测系统及方法，属于互联网以及Web技术领域。

背景技术

随着互联网以及Web技术的快速发展，Web应用正在成为重要的信息获取和交流平台。应用开发者希望应用能在各种主流的浏览器平台上表现一致，但由于浏览器实现技术的差异以及对标准支持程度的不同，导致Web应用在不同的浏览器平台上运行时可能出现行为和页面展现方面的不一致，称为跨浏览器的不兼容问题(XBIs)。通常跨浏览器不兼容性问题(XBI)分为三类：行为不一致、布局不一致和内容不一致。行为不一致：这类不一致通常指页面中元素的功能失效，如点击链接页面无法跳转，点击按钮页面没有反应；布局不一致：指页面中元素在布局方面的错误。例如：两个按钮在Chrome浏览器中横排且上下对齐，但是在IE浏览器中则显示为竖排；内容不一致：进一步分为文本内容不一致和可视内容不一致。文本不一致指的是元素内部的文本不同，可视内容不一致是指元素在可视化方面，如图片内容、元素样式等方面的不同。根据文献(S.Roy Choudhary,M.R.Prasad,andA.Orso.X-pert:Accurate identification of cross-browser issues in webapplications.In Proceedings of the 2013International Conference on SoftwareEngineering,pages 702–711.IEEE Press,2013)的研究，在以上三类跨浏览器兼容性问题中结构不一致问题最普遍，在所发现的兼容性不一致中占57％。