[发明专利]用于移动端网页的信息分析方法、装置、设备和可读介质

说明书

本公开的实施例公开了用于移动端网页的信息分析方法、装置、设备和可读介质。该方法的一具体实施方式包括：响应于检测到对走查项目的选取操作，根据预设显示参数显示所选取的走查项目所指示的网页页面，及同屏显示网页页面的设计稿页面，其中，网页页面为移动端网页页面；在走查模式下，响应于检测到对网页页面中目标元素的选取操作，确定目标元素的属性信息；在设计稿页面中，确定与目标元素相对应的目标图层及目标图层的设计信息；对属性信息和设计信息进行差异分析。该实施方式针对移动端网页，提出了一种设计走查方法。该方法可以智能分析页面元素与对应的图层信息之间的差异，从而减少手动操作，提高走查效率。

技术领域

本公开的实施例涉及计算机技术领域，具体涉及用于移动端网页的信息分析方法、装置、设备和可读介质。

背景技术

目前，移动端H5(HTLM5)在日常使用过程中，一般称之为营销页面(即H5页面)。往往范指那些在移动端中传播的带有特效、互动体验声效的Web(World Wide Web，全球广域网)网页。移动端的web网页通常都是H5网页。

随着互联网的不断发展，网页展示的内容愈发多样，网页也承载着越来越多的内容。网页从概念形成到投入使用经过诸多环节，其中必不可少的是视觉UI(UserInterface，用户界面)设计和研发实现。经过工程师开发后的网页效果往往与原设计稿存在一定差异，视觉还原度不高。这就需要在测试和验收环节对网页页面进行设计走查。其过程主要是将网页和设计稿进行比对，及时调整以保证页面的还原度。

发明内容

本公开的内容部分用于以简要的形式介绍构思，这些构思将在后面的具体实施方式部分被详细描述。本公开的内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征，也不旨在用于限制所要求的保护的技术方案的范围。本公开的一些实施例提出了用于移动端网页的信息分析方法、装置、电子设备和计算机可读介质。

第一方面，本公开的一些实施例提供了一种用于移动端网页的信息分析方法，包括：响应于检测到对走查项目的选取操作，根据预设显示参数显示所选取的走查项目所指示的网页页面，及同屏显示网页页面的设计稿页面，其中，网页页面为移动端网页页面；在走查模式下，响应于检测到对网页页面中目标元素的选取操作，确定目标元素的属性信息；在设计稿页面中，确定与目标元素相对应的目标图层及目标图层的设计信息；对属性信息和设计信息进行差异分析。

在一些实施例中，该方法还包括以下步骤中的至少一项：展示目标元素的属性信息和目标图层的设计信息；在网页页面中标注目标元素的尺寸和\或位置；在设计稿页面中标注目标图层的的尺寸和\或位置。

在一些实施例中，确定与目标元素相对应的目标图层，包括：根据目标元素在网页页面中的位置信息，确定设计稿页面中与位置信息相匹配的图层集；从图层集中选取图层，将所选取的图层确定为与目标元素相对应的目标图层。

在一些实施例中，从图层集中选取图层，包括以下步骤中的至少一项：根据目标元素的尺寸信息和颜色，从图层集中选取尺寸信息及颜色相匹配的图层，以及将所选取的图层与图层集中的其他图层区别显示；响应于检测到对图层集中图层的选取操作，将所选取的图层与图层集中的其他图层区别显示。

在一些实施例中，网页页面与设计稿页面分别显示在同一界面的不同区域，其中，界面上设置有显示参数输入控件；以及该方法还包括：根据用户在显示参数输入控件中所输入的参数，调整网页页面的显示，其中，显示参数包括显示尺寸和\或放大比例。

在一些实施例中，该方法还包括：响应于确定属性信息与设计信息存在差异信息，根据差异信息生成走查任务。

在一些实施例中，根据差异信息生成走查任务，包括：截取目标元素的元素图像和目标图层的图层图像，其中，元素图像包括静态图像或动态图像；根据元素图像、图层图像和差异信息，生成走查任务。