一种页面校验方法和装置制造方法及图纸

本发明专利技术公开了一种页面校验方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：通过添加在目标页面上的浏览器控件，加载与目标页面对应的设计稿页面，确定设计稿页面的背景色为透明色，并将目标页面与背景色为透明色的设计稿页面进行比对，以校验目标页面与设计稿页面的一致性，能够使人直观地看到APP页面和设计稿页面之间的差异，通过调整目标页面与设计稿页面二者的页面宽度一致，便于发现适配后页面与设计稿页面在细节上的不符之处，提高页面校验的精细度和准确率，有助于提高开发效率。

【技术实现步骤摘要】
一种页面校验方法和装置
本专利技术涉及计算机
，尤其涉及一种页面校验方法和装置。
技术介绍
UI(UserInterface，用户界面)视觉稿是UI设计师提供的视觉规范，通常是通过一个HTML网页进行展示，点击该网页上的任何一个元素都会显示出它的视觉属性：颜色、字号、大小、宽高等。移动端APP(应用程序)开发的每个页面其实就是用代码去实现UI视觉稿上的所有UI元素。移动端APP开发完成以后，会有UI设计师去进行UI视觉走查，即设计师按照之前提供的UI视觉稿对照APP上的页面，查看相关元素是否一致(字号、颜色、间距、宽高等)。在APP开发工程中，开发工程师通常只能通过眼睛观察，粗略地对比开发的页面UI和设计稿是否一致，很难做到准确无误，经常出现小问题而影响开发效率。另外，UI设计稿通常只是针对移动设备(例如手机)的一种分辨率提供的，而开发工程师在实际开发过程中需要去适配很多种不同分辨率的机型，这就涉及到宽高、间距等的转换适配，有可能会导致转换适配后和UI设计稿不符，这种细节很难被开发工程师发现。在实现本专利技术过程中，专利技本文档来自技高网...

【技术保护点】
1.一种页面校验方法，其特征在于，包括：/n通过添加在目标页面上的浏览器控件，加载与所述目标页面对应的设计稿页面；/n确定所述设计稿页面的背景色为透明色，并将所述目标页面与背景色为透明色的所述设计稿页面进行比对，以校验所述目标页面与所述设计稿页面的一致性。/n

【技术特征摘要】
1.一种页面校验方法，其特征在于，包括：
通过添加在目标页面上的浏览器控件，加载与所述目标页面对应的设计稿页面；
确定所述设计稿页面的背景色为透明色，并将所述目标页面与背景色为透明色的所述设计稿页面进行比对，以校验所述目标页面与所述设计稿页面的一致性。


2.根据权利要求1所述的方法，其特征在于，所述通过添加在目标页面上的浏览器控件，加载与所述目标页面对应的设计稿页面之前，包括：
响应于用户的校验功能启动指令，在所述目标页面上显示网址输入框，通过所述网址输入框接收所述用户输入的所述设计稿页面的网址或显示所述设计稿页面的已存的网址，所述网址用于所述浏览器控件加载所述设计稿页面。


3.根据权利要求2所述的方法，其特征在于，通过显示于所述目标页面上的用户界面比对控件，接收所述校验功能启动指令，所述用户界面比对控件还用于接收所述用户的校验功能关闭指令。


4.根据权利要求3所述的方法，其特征在于，所述用户界面比对控件设置于所述目标页面所属的应用程序的根页面视图中，当所述目标页面被打开后，所述用户界面比对控件自动显示于所述目标页面上。


5.根据权利要求2所述的方法，其特征在于，所述通过所述网址输入框接收所述用户输入的所述设计稿页面的网址或显示所述设计稿页面的已存的网址，包括：
查找所述设计稿页面的已存的网址；
若查找到已存的所述网址，则将已存的所述网址显示到所述网址输入框中；
若未查找到已存的所述网址，则通过所述网址输入框接收所述用户输入的所述网址。


6.根据权利要求2或5所述的方法，其特征在于，在通过所述网址输入框接收所述用户输入的所述设计稿页面的网址或显示所述设计稿页面的已存的网址之后，且在加载与所述目标页面对应的设计稿页面之前，包括：
通过与所述网址输入框对应的确认控件，接收所述用户对所述网址输入框中的所述网址的确认指令；
移除所述网址输入框和所述确认控...

【专利技术属性】
技术研发人员：王超，
申请(专利权)人：北京沃东天骏信息技术有限公司，北京京东世纪贸易有限公司，
类型：发明
国别省市：北京;11