用于移动端网页的信息分析方法、装置、设备和可读介质制造方法及图纸

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

【技术实现步骤摘要】
用于移动端网页的信息分析方法、装置、设备和可读介质


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

技术介绍

[0002]目前，移动端H5(HTLM5)在日常使用过程中，一般称之为营销页面(即H5页面)。往往范指那些在移动端中传播的带有特效、互动体验声效的Web(World Wide Web，全球广域网)网页。移动端的web网页通常都是H5网页。
[0003]随着互联网的不断发展，网页展示的内容愈发多样，网页也承载着越来越多的内容。网页从概念形成到投入使用经过诸多环节，其中必不可少的是视觉UI(User Interface，用户界面)设计和研发实现。经过工程师开发后的网页效果往往与原设计稿存在一定差异，视觉还原度不高。这就需要在测试和验收环节对网页页面进行设计走查。其过程主要是将网页和设计稿进行比对，及时调整以保证页面的还原度。

技术实现思路

[0004]本公开的内容部分用于以简要的形式介绍构思，这些构思将在后面的具体实施方式部分被详细描述。本公开的内容部分并不本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种用于移动端网页的信息分析方法，包括：响应于检测到对走查项目的选取操作，根据预设显示参数显示所选取的走查项目所指示的网页页面，及同屏显示所述网页页面的设计稿页面，其中，所述网页页面为移动端网页页面；在走查模式下，响应于检测到对所述网页页面中目标元素的选取操作，确定所述目标元素的属性信息；在所述设计稿页面中，确定与所述目标元素相对应的目标图层及所述目标图层的设计信息；对所述属性信息和所述设计信息进行差异分析。2.根据权利要求1所述的方法，其中，所述方法还包括以下步骤中的至少一项：展示所述目标元素的属性信息和所述目标图层的设计信息；在所述网页页面中标注所述目标元素的尺寸和\或位置；在所述设计稿页面中标注所述目标图层的的尺寸和\或位置。3.根据权利要求1所述的方法，其中，所述确定与所述目标元素相对应的目标图层，包括：根据所述目标元素在所述网页页面中的位置信息，确定所述设计稿页面中与所述位置信息相匹配的图层集；从所述图层集中选取图层，将所选取的图层确定为与所述目标元素相对应的目标图层。4.根据权利要求3所述的方法，其中，所述从所述图层集中选取图层，包括以下步骤中的至少一项：根据所述目标元素的尺寸信息和颜色，从所述图层集中选取尺寸信息及颜色相匹配的图层，以及将所选取的图层与所述图层集中的其他图层区别显示；响应于检测到对所述图层集中图层的选取操作，将所选取的图层与所述图层集中的其他图层区别显示。5.根据权利要求1所述的方法，其中，所述网页页面与所述设计稿页面分别显示在同一界面的不同区域，其中，所述界面上设置有显示参数输入控件；以及所述方法还包括：根据用户在所述显示参数输入控件中所输入的参数，调整所述网页页面的显示，其中，显示参数包括显示尺寸和\或放大比例。6.根据权利要求1所述的方法，其中，所述方法还包括：响应于确定所述属性信息与所述设计信息存在差异信息，根据所述差异信息生成走查任务。7.根据权利要求6所述方法，其中，所述根据所述差异信息生成走查任务，包括：截取所述目标元素的元素图像和所述目标图层的图层图像，其中，所述元素图像包括静态图像或动态图像；根据所述元素图像、所述图层图像和所述差异信息，生成走查任务。8.根据权利要求6所述的方法，其中，所述方法还包括：展示所述走查任务；
根据所述走查任务的任务状态，生成所述走查任务的标记信息，及在所述目标元素的预设位置处显示所述标记信息，其中，所述走查任务的任务状态包...

【专利技术属性】
技术研发人员：赵洪阳，康建云，赵子豪，冯伟平，
申请(专利权)人：北京京东世纪贸易有限公司，
类型：发明
国别省市：