[发明专利]响应式布局界面的测试方法、系统及浏览器

权利要求书

1.一种响应式布局界面的测试方法，其特征在于，所述测试方法包括：

S1、接收用户的测试指令；

S2、调用javascript脚本基于所述测试指令获取用户选择的屏幕分辨率；

S3、调用javascript脚本打开与用户所选择的屏幕分辨率对应的窗口，并接收用户基于所述对应的窗口输入的设置信息，所述设置信息包括与所选择的屏幕分辨率对应的页面地址；

S4、测试所述对应的窗口所显示界面的显示效果。

2.根据权利要求1所述的响应式布局界面的测试方法，其特征在于，所述步骤S2具体包括：

S21、分析所述测试指令，判断所述测试指令是否携带从预存屏幕分辨率中选择屏幕分辨率的信息，当判断为是转到步骤S22，当判断为否时转到步骤S23；

S22、调用所述javascript脚本从预存的屏幕分辨率中获取与所述测试指令对应的屏幕分辨率；

S23、调用所述javascript脚本接收用户的输入信息，从所述输入信息中获取所述用户选择的屏幕分辨率。

3.根据权利要求2所述的响应式布局界面的测试方法，其特征在于，所述步骤S23具体包括：

S231、向用户反馈对话框，以供用户基于所述对话框输入屏幕分辨率；

S232、接收用户反馈的输入信息；

S233、调用javascript脚本从所述输入信息中获取所述用户选择的屏幕分辨率，并基于所获取的屏幕分辨率的屏幕高度及宽度赋值给javascript变量。

4.根据权利要求3所述的测试方法，其特征在于，所述步骤S1之前还包括：

S0、在所述响应式布局界面所在浏览器的操作界面上设置分辨率按钮，所述分辨率按钮包括自定义屏幕分辨率按钮及一组设定屏幕分辨率按钮，所述一组设定屏幕分辨率按钮的每个按钮对应一个屏幕分辨率。

5.根据权利要求4所述的响应式布局界面的测试方法，其特征在于，所述步骤S21具体为：分析所述测试指令，判断用户点击的是否为所述一组设定屏幕分辨率按钮的一个，当判断为是则认为所述测试指令携带从预存屏幕分辨率中选择屏幕分辨率的信息，转到所述步骤S22，否则转到所述步骤S23。

6.根据权利要求5所述的响应式布局界面的测试方法，其特征在于，所述步骤S22具体包括：

S221、根据所述测试指令获得对应的按钮信息；

S222、调用所述javascript脚本基于所述按钮信息从预存的屏幕分辨率中获得对应的屏幕分辨率；

S223、调用所述javascript脚本基于所获得的屏幕分辨率获取对应的屏幕宽度及高度，将所述屏幕宽度及高度赋值给javascript变量。

7.根据权利要求1所述的响应式布局界面的测试方法，其特征在于，所述步骤S3具体包括：

S31、调用javascript脚本从所述javascript变量中获得所述用户选择的屏幕分辨率对应的屏幕高度及宽度；

S32、基于所获得的屏幕高度及宽度打开对应的窗口；

S33、接收用户基于所述对应的窗口输入的设置信息；

S34、在所述对应的窗口中显示与所述用户选择的屏幕分辨率对应的界面。

8.根据权利要求7所述的响应式布局界面的测试方法，其特征在于，所述设置信息还包括：赋予所述待对应的窗口可通过拖曳来修改其屏幕分辨率的属性，所述步骤S4之后还包括：

S5、接收用户的修改指令，所述修改指令为用户用手指拖曳当前打开的窗口而发送；

S6、调用所述javascript脚本获取用户停止拖曳时的窗口对应的屏幕高度及宽度，并基于当前获取的屏幕高度及宽度在当前窗口显示对应的界面，接着转到所述步骤S4。

9.一种响应式布局界面的测试系统，其特征在于，所述测试系统包括：

测试指令接收模块，用于接收用户的测试指令；

与所述测试指令接收模块连接的获取模块，用于基于所述测试指令获取用户选择的屏幕分辨率；

与所述获取模块连接的窗口打开模块，用于调用javascript脚本打开与用户所选择的屏幕分辨率对应的窗口，并接收用户基于所述对应的窗口输入的设置信息，所述设置信息包括所选择的屏幕分辨率对应的页面地址；

与所述窗口打开模块连接的测试模块，用于测试所述对应的窗口所显示界面的显示效果。

10.一种浏览器，其特征在于，包括如权利要求9所述的响应式布局界面的测试系统。