[发明专利]浏览器兼容性检测方法及相关设备

说明书

本公开实施例提供一种浏览器兼容性检测方法及相关设备。该方法包括：获取设计页面及根据所述设计页面确定的页面渲染文件；通过浏览器将所述页面渲染文件渲染生成目标页面，以获得所述目标页面的页面截图；确定所述设计页面和所述页面截图的页面相似度；根据所述设计页面和所述页面截图的页面相似度，确定所述页面渲染文件与所述浏览器的兼容性。该方法可以自动检测页面渲染文件与浏览器的兼容性，提高浏览器兼容性检测的效率。

技术领域

本公开涉及计算机技术领域，具体而言，涉及一种浏览器兼容性检测方法、浏览器兼容性检测装置、电子设备、计算机可读存储介质以及计算机程序产品。

背景技术

随着互联网技术的快速发展，网页应用正在成为重要的信息获取和交流平台。网页开发者希望应用能在浏览器平台上表现一致，但由于浏览器实现技术的差异以及对标准支持程度的不同，导致网页应用在不同的浏览器平台上运行时可能出现行为和页面展现方面的不一致，即浏览器的不兼容问题。

相关技术中，使用手动检测浏览器的兼容性的方法检测浏览器的兼容性，操作成本高、准确性较差。

需要说明的是，在上述背景技术部分公开的信息仅用于加强对本公开的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

发明内容

本公开实施例提供一种浏览器兼容性检测方法、浏览器兼容性检测装置、电子设备、计算机可读存储介质及计算机程序产品，该方法可以自动检测页面渲染文件与浏览器的兼容性，提高浏览器兼容性检测的效率。

本公开实施例提供一种浏览器兼容性检测方法，该方法包括：获取设计页面及根据所述设计页面确定的页面渲染文件；通过浏览器将所述页面渲染文件渲染生成目标页面，以获得所述目标页面的页面截图；确定所述设计页面和所述页面截图的页面相似度；根据所述设计页面和所述页面截图的页面相似度，确定所述页面渲染文件与所述浏览器的兼容性。

在本公开的一些示例性实施例中，所述设计页面包括至少一个设计元素，所述页面截图包括与所述至少一个设计元素对应的至少一个页面元素；确定所述设计页面和所述页面截图的页面相似度，包括：获得各个设计元素和与其对应的页面元素之间的元素差异度；根据各个设计元素和与其对应的页面元素之间的元素差异度，获得所述页面相似度。

在本公开的一些示例性实施例中，若所述页面相似度小于相似度阈值，则从所述至少一个页面元素中获得元素差异度大于元素差异阈值的目标页面元素及所述目标页面元素的位置信息；根据所述目标页面元素的位置信息，在所述页面渲染文件中定位目标业务代码。

在本公开的一些示例性实施例中，根据所述目标页面元素的位置信息，在所述页面渲染文件中定位目标业务代码，包括：获得在所述目标页面的渲染过程中生成的渲染树；根据所述目标页面元素的位置信息，在所述渲染树中确定目标渲染节点；根据所述目标渲染节点反解获得目标层叠样式表对象模型；根据所述目标层叠样式表对象模型反解获得目标层叠样式表，以确定目标业务代码。

在本公开的一些示例性实施例中，通过浏览器将所述页面渲染文件渲染生成目标页面，以获得所述目标页面的页面截图，包括：通过使用具有不同内核的多个浏览器分别将所述页面渲染文件渲染生成多个目标页面，以获得所述多个目标页面的多个页面截图；其中，确定所述设计页面和所述页面截图的页面相似度，包括：分别确定所述设计页面和所述多个目标页面的多个页面截图的页面相似度；其中，根据所述设计页面和所述页面截图的页面相似度，确定所述目标页面与所述浏览器的兼容性，包括：根据所述设计页面和所述多个目标页面的多个页面截图的页面相似度，确定所述页面渲染文件与不同内核的多个浏览器的兼容性。

在本公开的一些示例性实施例中，根据所述设计页面和所述页面截图的页面相似度，确定所述页面渲染文件与所述浏览器的兼容性，包括：若所述页面相似度小于相似度阈值，则确定所述页面渲染文件与所述浏览器不兼容；若所述页面相似度大于或等于所述相似度阈值，则确定所述页面渲染文件与所述浏览器兼容。