一种验收方法、装置、设备及存储介质制造方法及图纸

本申请实施例提供了一种验收方法、装置、设备及存储介质，其中，所述方法包括：获取UI稿、每一页所述UI稿对应渲染结果页的URL以及每一页面对应的前端代码；获取模拟生成的浏览器环境，所述浏览器环境包括每一渲染结果页中主体的宽高信息；运行所述前端代码生成模拟浏览器，在所述浏览器环境下访问每一所述渲染结果页的URL并将运行结果进行页面截图；将每一页所述UI稿与对应页面截图进行分析对比，得到样式上的差异信息；基于样式上的差异信息生成验收报告。其中，验收报告的内容包括每一页UI稿与对应页面截图共存在几处差异以及每一处差异的具体体现。差异的具体体现。差异的具体体现。

【技术实现步骤摘要】
一种验收方法、装置、设备及存储介质


[0001]本申请涉及互联网
，特别涉及一种验收方法、装置、设备及存储介质。

技术介绍

[0002]目前业务开发的一般流程为：产品文档设计、用户界面(User Interface，UI)稿设计、前后端开发、功能测试、UI验收。其中，UI验收是一个反复且琐碎的环节。不仅需要UI设计者逐帧对比渲染结果页与UI稿是否完全一致，0.5像素(pixel，px)的异常都需要精准找出，还需要开发者根据修改意见进行修改，然后UI设计者再进行二次验收，如此循环往复，极大地增加了人力成本和交流成本。

技术实现思路

[0003]有鉴于此，本申请实施例提供一种验收方法、装置、设备及存储介质。
[0004]第一方面，本申请实施例提供了一种验收方法，所述方法包括：获取UI稿、每一页所述UI稿对应页面的统一资源定位器(Uniform Resource Locator，URL)以及每一所述页面对应的前端代码；获取模拟生成的浏览器环境，所述浏览器环境包括每一渲染结果页中主体(body)的宽高信息；运行所述前端代码本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种验收方法，其特征在于，所述方法包括：获取用户界面UI稿、每一页所述UI稿对应渲染结果页的统一资源定位器URL以及每一页面对应的前端代码；获取模拟生成的浏览器环境，所述浏览器环境包括每一渲染结果页中主体的宽高信息；运行所述前端代码生成模拟浏览器，在所述浏览器环境下访问每一所述渲染结果页的URL并将运行结果进行页面截图；将每一页所述UI稿与对应页面截图进行分析对比，得到样式上的差异信息；基于样式上的差异信息生成验收报告。2.根据权利要求1所述的方法，其特征在于，获取所述每一渲染结果页中主体的宽高信息，包括：获取每一页所述UI稿的适配场景和宽高要求信息；基于每一页所述UI稿的适配场景和宽高要求信息，设置对应的渲染结果页中主体的宽高信息。3.根据权利要求1所述的方法，其特征在于，所述方法还包括：基于所述前端代码的仓库中的typescript声明，确定每一渲染结果页中字段所需的数据结构和每个字段的类型；基于字段所需的数据结构和每个字段的类型，对比每一页所述UI稿中的字段和对应的渲染结果页中的字段，得到比对结果；基于所述比对结果，生成对应渲染结果页的接口返回数据结果。4.根据权利要求1至3任一项所述的方法，其特征在于，所述运行所述前端代码生成模拟浏览器，在所述浏览器环境下访问每一所述渲染结果页的URL并将运行结果进行页面截图，包括：基于渲染结果页中主体的宽高信息设置所述浏览器所渲染的页面大小；运行所述前端代码生成模拟浏览器，在所述浏览器环境下访问每一所述渲染结果页的URL；将所述每一所述渲染结果页进行页面截图。5.根据权利要求1至3任一项所述的方法，其特征在于，所述样式上的差异信息包括特征图的差异信息和文字之间的差异信息，其中所述将每一页所述UI稿与对应页面截图进行分析对比，得到样式上的差异信息，包括：基于图像特征提取算法，分别提取每一页所述UI稿的特征图与对应页面截图的特征图；基于高斯分布假设序列判别方法，获取每一页所述UI稿的特征图与对应页面截图的特征图之间的差异信息；基于文字识别技术方法，获取每一页所述UI稿与对应页面截图中文字之间的差异信息。6.根据权利要求5所述的方法，其特征在于，所述将每一页所述UI稿与对应页面截图进行分析对比，得到样式上的差异信息，还包括：获取每一页所述UI稿与对应页面截图中的关键点；
将...

【专利技术属性】
技术研发人员：潘治颖，李家慧，乔丰，卜昌郁，许利群，
申请(专利权)人：中国移动通信集团有限公司，
类型：发明
国别省市：