[发明专利]一种网页设计对比方法、装置、设备及可读存储介质

说明书

本发明提供了一种网页设计对比、装置、设备及可读存储介质，包括：接收针对目标网页的网页设计对比请求；根据所述网页设计对比请求，提取所述目标网页的页面源码；根据所述页面源码渲染并获取所述目标网页上的目标图片数据，以及所述目标图片数据的目标图片属性数据；获取所述目标网页对应的预设设计图中的预设图片数据，以及所述预设设计图的预设图片属性数据；分别计算所述目标图片数据与所述预设图片数据之间的第一相似度，以及所述目标图片属性数据与所述预设图片属性数据之间的第二相似度；根据所述第一相似度和所述第二相似度生成网页设计对比报告。解决了现有技术中页面设计验证会造成人工成本升高造成扩展性差的问题。

技术领域

本发明涉及网页设计技术领域，特别是涉及一种网页设计对比方法、装置、设备及可读存储介质。

背景技术

随着计算机网络技术的不断发展，网页应用开发的不断进步，网页界面的设计和实现是由不同的人员协作完成，由于界面设计与界面实现分别会有不同的侧重点，导致界面的实现效果与设计图不一致的情况，因此网页界面的设计验证工作也逐步细致和复杂。

现有技术中，大多制作团队中，网页界面实现效果与设计图两者对比过程完全依赖于人工，验证依赖的数据单一，不利于用户的分析统计，且对于复杂的页面设计验证会造成人工成本升高，造成上述验证方法成本高且没有可扩展性。

发明内容

鉴于上述问题，提出了本发明实施例以便提供一种克服上述问题或者至少部分地解决上述问题的一种网页设计对比方法和相应的一种网页设计对比装置。

根据本发明的第一方面，本发明实施例公开了一种网页设计对比方法，具体包括：

接收针对目标网页的网页设计对比请求；

根据所述网页设计对比请求，提取所述目标网页的页面源码；

根据所述页面源码渲染并获取所述目标网页上的目标图片数据，以及所述目标图片数据的目标图片属性数据；

获取所述目标网页对应的预设设计图中的预设图片数据，以及所述预设设计图的预设图片属性数据；

分别计算所述目标图片数据与所述预设图片数据之间的第一相似度，以及所述目标图片属性数据与所述预设图片属性数据之间的第二相似度；

根据所述第一相似度和所述第二相似度生成网页设计对比报告。

根据本发明的第二方面，本发明实施例公开了一种网页设计对比装置，具体包括：

网页设计对比请求接收模块，用于接收针对目标网页的网页设计对比请求；

页面源码提取模块，用于根据所述网页设计对比请求，提取所述目标网页的页面源码；

目标图片数据获取模块，用于根据所述页面源码渲染并获取所述目标网页上的目标图片数据，以及所述目标图片数据的目标图片属性数据；

预设图片信息获取模块，用于获取所述目标网页对应的预设设计图中的预设图片数据，以及所述预设设计图的预设图片属性数据；

相似度计算模块，用于分别计算所述目标图片数据与所述预设图片数据之间的第一相似度，以及所述目标图片属性数据与所述预设图片属性数据之间的第二相似度；

网页设计对比报告生成模块，用于根据所述第一相似度和所述第二相似度生成网页设计对比报告。

根据本发明的第三方面，提供了一种设备，包括：处理器、存储器以及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如前述的网页设计对比方法。

根据本发明的第四方面，提供了一种可读存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够实现前述的网页设计对比方法。