[发明专利]一种页面校验方法和装置

权利要求书

1.一种页面校验方法，其特征在于，包括：

通过添加在目标页面上的浏览器控件，加载与所述目标页面对应的设计稿页面；

确定所述设计稿页面的背景色为透明色，并将所述目标页面与背景色为透明色的所述设计稿页面进行比对，以校验所述目标页面与所述设计稿页面的一致性。

2.根据权利要求1所述的方法，其特征在于，所述通过添加在目标页面上的浏览器控件，加载与所述目标页面对应的设计稿页面之前，包括：

响应于用户的校验功能启动指令，在所述目标页面上显示网址输入框，通过所述网址输入框接收所述用户输入的所述设计稿页面的网址或显示所述设计稿页面的已存的网址，所述网址用于所述浏览器控件加载所述设计稿页面。

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

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

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

查找所述设计稿页面的已存的网址；

若查找到已存的所述网址，则将已存的所述网址显示到所述网址输入框中；

若未查找到已存的所述网址，则通过所述网址输入框接收所述用户输入的所述网址。

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

通过与所述网址输入框对应的确认控件，接收所述用户对所述网址输入框中的所述网址的确认指令；

移除所述网址输入框和所述确认控件，并在所述目标页面上添加所述浏览器控件。

7.根据权利要求6所述的方法，其特征在于，在所述目标页面上添加所述浏览器控件之后，且在加载与所述目标页面对应的设计稿页面之前，包括：

将在所述目标页面上添加的所述浏览器控件的背景色修改为透明色。

8.根据权利要求1所述的方法，其特征在于，所述确定所述设计稿页面的背景色为透明色之前，包括：

判断所述设计稿页面的背景色是否为透明色，若否，则将所述设计稿页面的背景色修改为透明色。

9.根据权利要求8所述的方法，其特征在于，利用所述浏览器控件提供的渲染方法，通过预设的脚本语言将所述设计稿页面的背景色修改为透明色。

10.根据权利要求1所述的方法，其特征在于，所述将所述目标页面与背景色为透明色的所述设计稿页面进行比对之前，包括：

调整所述浏览器控件的滚动距离和缩放比例，以使所述目标页面与所述设计稿页面二者的页面宽度一致。

11.根据权利要求1所述的方法，其特征在于，所述浏览器控件为网页视图控件，所述目标页面为用户界面视觉稿网页。

12.一种页面校验装置，其特征在于，包括：

页面加载模块，用于通过添加在目标页面上的浏览器控件，加载与所述目标页面对应的设计稿页面；

页面比对模块，用于确定所述设计稿页面的背景色为透明色，并将所述目标页面与背景色为透明色的所述设计稿页面进行比对，以校验所述目标页面与所述设计稿页面的一致性。