页面评估方法、装置及设备制造方法及图纸

本发明专利技术实施例提供一种页面评估方法、装置及设备。该页面评估方法包括：基于与目标页面匹配的设计稿建立参考图层；调整参考图层相对目标页面的位置，使目标页面与参考图层重叠；对比目标页面中与参考图层的重叠部分，以确定目标页面对设计稿的还原度。该方法通过对比目标页面中与参考图层的重叠部分，确定目标页面对设计稿的还原度，实现了对目标页面还原度的自动评估，提高了页面评估效率和页面开发效率，同时还避免了依据开发人员的经验判断而带来的准确性较差的问题，提高了页面还原度的准确性，提升页面开发体验。

【技术实现步骤摘要】
页面评估方法、装置及设备
本专利技术涉及互联网
，尤其涉及一种页面评估方法、装置及设备。
技术介绍
随着智能设备的普及，用户会在不同设备上访问同一页面，如在手机或平板电脑上访问同一客户端。为使基于同一设计稿开发的页面在不同设备上都能达到统一的视觉效果，页面开发过程中，需要在不同设备上对页面进行截图，以评估这些设备上的页面是否能够还原设计稿。但这种评估方案人工消耗大，耗时长，而且评估结果完全依赖于开发人员的经验判断，准确性差。因此，如何评估页面对设计稿的还原度，成为亟待解决的技术问题。
技术实现思路
本专利技术实施例提供一种页面评估方法、装置及设备，用以评估页面对设计稿的还原度。第一方面，本专利技术实施例提供一种页面评估方法，该页面评估方法包括：基于与目标页面匹配的设计稿建立参考图层；调整参考图层相对目标页面的位置，使目标页面与参考图层重叠；对比目标页面中与参考图层的重叠部分，以确定目标页面对设计稿的还原度。第二方面，本专利技术实施例提供一种页面评估装置，该页面评估本文档来自技高网...

【技术保护点】
1.一种页面评估方法，其特征在于，包括：/n基于与目标页面匹配的设计稿建立参考图层；/n调整所述参考图层相对所述目标页面的位置，使所述目标页面与所述参考图层重叠；/n对比所述目标页面中与所述参考图层的重叠部分，以确定所述目标页面对所述设计稿的还原度。/n

【技术特征摘要】
1.一种页面评估方法，其特征在于，包括：
基于与目标页面匹配的设计稿建立参考图层；
调整所述参考图层相对所述目标页面的位置，使所述目标页面与所述参考图层重叠；
对比所述目标页面中与所述参考图层的重叠部分，以确定所述目标页面对所述设计稿的还原度。


2.根据权利要求1所述的方法，其特征在于，所述参考图层与所述目标页面所在图层之间的位置关系为上下覆盖关系；
所述基于目标页面匹配的设计稿建立参考图层之后，还包括：
提高所述参考图层或所述目标页面的透明度。


3.根据权利要求1所述的方法，其特征在于，所述调整所述参考图层相对所述目标页面的位置，使所述目标页面与所述参考图层重叠，包括：
调整所述参考图层中的参考区域相对所述目标页面中的待评估区域的位置，使所述待评估区域与所述参考区域重叠。


4.根据权利要求3所述的方法，其特征在于，所述调整所述参考图层中的参考区域相对所述目标页面中的待评估区域的位置，包括：
通过滑动所述参考图层或所述目标页面所在图层，将所述参考区域按照预设方式覆盖在对应的所述待评估区域上。


5.根据权利要求3所述的方法，其特征在于，所述对比所述目标页面中与所述参考图层的重叠部分，以确定所述目标页面对所述设计稿的还原度，包括：
获取所述待评估区域中的第一视觉信息，其中所述第一视觉信息包括所述待评估区域中的第一页面元素以及所述第一页面元素的特征信息；
获取所述参考区域中的第二视觉信息，其中所述第二视觉信息包括所述参考区域中的第二页面元素以及所述第二页面元素的特征信息；
对比所述第一视觉信息和所述第二视觉信息，以确定所述待评估区域和所述参考区域的差异度；
基于所述差异度确定所述目标页面对所述设计稿的还原度。


6.根据权利要求5所述的方法，其特征在于，页面元素包括多个信息块，页面元素的特征信息包括多个信息块各自对应的语义特征、多个信息块各自对应的视觉特征、以及不同信息块之间的相对位置特征。


7.根据权利要求1所述的方法，其特征在于，所述基于目标页面匹配的设计稿建立参考图层，包括：
将所述设计稿导入所述目标页面的开发界面；
获取所述设计稿中的视觉信息，其中，所述视觉信息包括页面元素以及所述页面元素的特征信息；
基于所述视觉信息建立所述参考图层。


8.一种页面评估装置，其特征在于，所述页面评估装置包括：
建立单元，用于基于与目标页面匹配的设计稿建...

【专利技术属性】
技术研发人员：周俊，
申请(专利权)人：长沙市到家悠享网络科技有限公司，
类型：发明
国别省市：湖南;43