[发明专利]网页开发效果的检测方法、装置、设备及可读存储介质

说明书

本发明公开了一种网页开发效果的检测方法，包括：接收预输入的目标网址；按照预设的路径字典对目标网址进行访问匹配，得到各目标网页；按照预存的设计稿尺寸信息分别对各目标网页进行截图操作，得到各页面截图；获取由各设计稿图片构成的设计稿图片集合；分别将各页面截图与设计稿图片集合中各设计稿图片进行对比，得到各截图设计稿组；针对每个截图设计稿组，计算页面截图中各组件分别对应的准确度得分；计算各准确度得分的平均值，得到页面截图对应的目标网页的页面准确度。本发明实现了对目标页面与设计稿之间分区域的精确对比，较大地节省了检测耗时，节省人力成本。本发明还公开了一种装置、设备及存储介质，具有相应技术效果。

技术领域

本发明涉及网页开发技术领域，特别是涉及一种网页开发效果的检测方法、装置、设备及计算机可读存储介质。

背景技术

在网页开发时，网页实现和设计稿之间往往存在或多或少的差距。需要通过将网页实现和设计稿之间进行对比，进而得到网页开发效果。

现有的网页开发效果检测方式大都是依靠设计师与开发者做一对一校对细节，耗费时间长，而且很耗精力，当检测人员意见不统一时，容易引起检测人员间的不适。

综上所述，如何有效地解决现有的网页开发效果检测方式耗费时间长，耗费精力，易出现意见不统一状况等问题，是目前本领域技术人员急需解决的问题。

发明内容

本发明的目的是提供一种网页开发效果的检测方法，该方法较大地节省了检测耗时，节省人力成本，提升了用户体验；本发明的另一目的是提供一种网页开发效果的检测装置、设备及计算机可读存储介质。

为解决上述技术问题，本发明提供如下技术方案：

一种网页开发效果的检测方法，包括：

接收预输入的目标网址；

按照预设的路径字典对所述目标网址进行访问匹配，得到各目标网页；

按照预存的设计稿尺寸信息分别对各所述目标网页进行截图操作，得到各页面截图；

获取由各设计稿图片构成的设计稿图片集合；

分别将各所述页面截图与所述设计稿图片集合中各所述设计稿图片进行对比，得到各截图设计稿组；其中，每个截图设计稿组由一个页面截图和与所述页面截图对应的设计稿图片构成；

针对每个截图设计稿组，计算所述页面截图中各组件分别对应的准确度得分；

计算各所述准确度得分的平均值，得到所述页面截图对应的目标网页的页面准确度；其中，各所述页面截图和各所述设计稿图片分别包括框选得到的各个组件。

在本发明的一种具体实施方式中，按照预设的路径字典对所述目标网址进行访问匹配，包括：

利用网络爬虫技术按照预设的路径字典对所述目标网址进行访问匹配。

在本发明的一种具体实施方式中，获取由各设计稿图片构成的设计稿图片集合，包括：

获取预存的PSD文件；

将所述PSD文件转换为各所述设计稿图片，得到所述设计稿图片集合。

在本发明的一种具体实施方式中，分别将各所述页面截图与所述设计稿图片集合中各所述设计稿图片进行对比，包括：

利用感知哈希算法从所述设计稿图片集合中分别搜索各所述页面截图对应的设计稿图片。

在本发明的一种具体实施方式中，计算所述页面截图中各组件分别对应的准确度得分，包括：

利用感知哈希算法计算所述页面截图中各组件分别对应的预设位数的第一指纹数据；