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

权利要求书

1.一种网页开发效果的检测方法，其特征在于，包括：

接收预输入的目标网址；

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

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

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

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

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

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

2.根据权利要求1所述的网页开发效果的检测方法，其特征在于，按照预设的路径字典对所述目标网址进行访问匹配，包括：

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

3.根据权利要求1或2所述的网页开发效果的检测方法，其特征在于，获取由各设计稿图片构成的设计稿图片集合，包括：

获取预存的PSD文件；

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

4.根据权利要求1所述的网页开发效果的检测方法，其特征在于，分别将各所述页面截图与所述设计稿图片集合中各所述设计稿图片进行对比，包括：

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

5.根据权利要求1所述的网页开发效果的检测方法，其特征在于，计算所述页面截图中各组件分别对应的准确度得分，包括：

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

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

针对每一对组件，计算所述第一指纹数据与所述第二指纹数据的相同位数；

计算所述相同位数占所述预设位数的占比，得到所述组件对应的准确度得分。

6.根据权利要求1所述的网页开发效果的检测方法，其特征在于，在得到各所述目标网页分别对应的页面准确度之后，还包括：

根据各所述页面准确度生成网页开发效果检测报告。

7.一种网页开发效果的检测装置，其特征在于，包括：

网址接收模块，用于接收预输入的目标网址；

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

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

设计稿图片获得模块，用于获取由各设计稿图片构成的设计稿图片集合；

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

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

8.根据权利要求7所述的网页开发效果的检测装置，其特征在于，网页获得模块具体为利用网络爬虫技术按照预设的路径字典对所述目标网址进行访问匹配的模块。

9.一种网页开发效果的检测设备，其特征在于，包括：

存储器，用于存储计算机程序；

处理器，用于执行所述计算机程序时实现如权利要求1至6任一项所述网页开发效果的检测方法的步骤。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至6任一项所述网页开发效果的检测方法的步骤。