[發明專利]響應式布局界面的測試方法、系統及瀏覽器

在審

• 申請號: 201510869437.3
• 申請日: 2015-12-01
• 公開（公告）號: CN105335295A
• 公開（公告）日: 2016-02-17
• 發明（設計）人: 王暢
• 申請（專利權）人: 上海斐訊數據通信技術有限公司
• 主分類號: G06F11/36
• 分類號: G06F11/36
• 代理公司: 上海光華專利事務所 31219
• 代理人: 王再朝

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所述的響應式布局界面的測試系統。