本發(fā)明涉及網(wǎng)頁/Web頁面顯示領(lǐng)域，特別涉及一種JS調(diào)試頁面方法和裝置。

背景技術(shù)：

Web頁面，也稱網(wǎng)頁，是一種使用HTML語言，通過標簽的形式對內(nèi)容進行格式化并顯示的頁面。在多數(shù)瀏覽器上，Web頁面支持使用JavaScript腳本(JS)對頁面上的內(nèi)容做操作。它是目前廣泛應用的互聯(lián)網(wǎng)內(nèi)容展示方式之一，可以在PC、手機、平板電腦、機頂盒、電視機等多種設(shè)備上通過瀏覽器展示出豐富的內(nèi)容。

在開發(fā)Web頁面的過程中，如果需要測試不同場景和條件時，通常需要通過改變使用環(huán)境情況、輸入不同的參數(shù)、經(jīng)過不同的步驟來操作以實現(xiàn)。在多數(shù)情況下，為了測試各種不同條件組合的情況，需要付出很多重復性勞動，在機頂盒界面等需要使用遙控器方向鍵順序操作的界面中，由于每次測試都需要輸入不同的參數(shù)，且參數(shù)的輸入操作較為困難，因此重復性測試工作尤其繁瑣。

技術(shù)實現(xiàn)要素：

本發(fā)明提供一種JS調(diào)試頁面方法和裝置，用于解決Web頁面開發(fā)過程中在測試環(huán)境改變時由于大量參數(shù)的輸入所造成的測試工作非常繁重的問題。

為了解決上述技術(shù)問題，本發(fā)明實施例提供了一種JS調(diào)試頁面方法，所述JS調(diào)試頁面方法包括：

創(chuàng)建調(diào)試配置文件；其中，所述調(diào)試配置文件用于保存接口對應的接口 內(nèi)容；

在執(zhí)行接口的讀寫操作時，通過所述調(diào)試配置文件完成所述接口對應的讀寫操作。

優(yōu)選地，所述通過所述調(diào)試配置文件完成所述接口對應的讀寫操作具體包括：通過調(diào)試用讀寫函數(shù)完成對應接口的讀寫；

所述通過調(diào)試用讀寫函數(shù)完成對應接口的讀寫包括：

讀取調(diào)試開關(guān)的狀態(tài)；如果調(diào)試開關(guān)為打開狀態(tài)，則通過調(diào)試配置文件完成對應接口的讀寫；如果調(diào)試開關(guān)為關(guān)閉狀態(tài)，則通過現(xiàn)有的讀寫函數(shù)完成對應接口的讀寫。

優(yōu)選地，所述調(diào)試用讀寫函數(shù)包括調(diào)試用讀取函數(shù)，所述通過調(diào)試配置文件完成對應接口的讀寫包括：

查找所述調(diào)試配置文件中是否包括所述接口對應的接口內(nèi)容；

如果是，則將所述接口對應的接口內(nèi)容作為本次讀取的讀取結(jié)果；如果否，則通過現(xiàn)有的讀取函數(shù)完成對應接口的讀取，并將讀取結(jié)果作為所述接口對應的接口內(nèi)容存儲在所述調(diào)試配置文件中。

優(yōu)選地，所述調(diào)試用讀寫流程還包括調(diào)試用寫入函數(shù)，所述通過調(diào)試配置文件完成對應接口的讀寫包括：

將寫入內(nèi)容作為所述接口對應的接口內(nèi)容寫入到所述調(diào)試配置文件中。

優(yōu)選地，在所述通過所述調(diào)試配置文件完成所述接口對應的讀寫操作之前還包括：

創(chuàng)建調(diào)試JS文件；所述調(diào)試用讀寫函數(shù)定義在所述調(diào)試JS文件中；

所述調(diào)試開關(guān)的狀態(tài)保存在所述調(diào)試配置文件中。

為了解決上述技術(shù)問題，本發(fā)明實施例提供了一種JavaScript腳本JS調(diào)試頁面裝置，所述裝置包括：

創(chuàng)建單元，用于創(chuàng)建調(diào)試配置文件；其中，所述調(diào)試配置文件用于保存接口對應的接口內(nèi)容；

讀寫單元，用于在執(zhí)行接口的讀寫操作時，通過所述調(diào)試配置文件完成 所述接口對應的讀寫操作。

優(yōu)選地，所述讀寫單元通過調(diào)試用讀寫函數(shù)完成對應接口的讀寫；

所述讀寫單元包括：

調(diào)試開關(guān)讀取模塊，用于讀取調(diào)試開關(guān)的狀態(tài)；如果調(diào)試開關(guān)為打開狀態(tài)，則通過調(diào)試配置文件完成對應接口的讀寫；如果調(diào)試開關(guān)為關(guān)閉狀態(tài)，則通過現(xiàn)有的讀寫函數(shù)完成對應接口的讀寫。

優(yōu)選地，所述調(diào)試用讀寫函數(shù)包括調(diào)試用讀取函數(shù)，所述讀寫單元包括：

讀取模塊，用于查找所述調(diào)試配置文件中是否包括所述接口對應的接口內(nèi)容；如果是，則將所述接口對應的接口內(nèi)容作為本次讀取的讀取結(jié)果；如果否，則通過現(xiàn)有的讀取函數(shù)完成對應接口的讀取，并將讀取結(jié)果作為所述接口對應的接口內(nèi)容存儲在所述調(diào)試配置文件中。

優(yōu)選地，所述調(diào)試用讀寫流程還包括調(diào)試用寫入函數(shù)，所述讀寫單元還包括：

寫入模塊，用于將寫入內(nèi)容作為所述接口對應的接口內(nèi)容寫入到所述調(diào)試配置文件中。

優(yōu)選地，還包括：

所述創(chuàng)建單元還用于創(chuàng)建調(diào)試JS文件；所述調(diào)試用讀寫函數(shù)定義在所述調(diào)試JS文件中

本發(fā)明的有益效果包括：

本發(fā)明實施例中，將接口以及接口對應的接口內(nèi)容保存在調(diào)試配置文件中，當需要進行讀寫操作時，可以直接通過調(diào)試配置文件完成接口的讀寫操作，在測試各種不同條件組合的情況下，不需要在每次測試中針對每次測試的接口進行對應的接口內(nèi)容的輸入，而是在每次測試過程中，調(diào)試用讀寫函數(shù)可以直接從調(diào)試配置文件中針對需要的接口內(nèi)容進行讀取，此外，還可以直接在調(diào)試配置文件中寫入或者更新各個接口對應的接口內(nèi)容，從而減少了測試工作中重復性操作的繁瑣勞動，尤其是在例如機頂盒界面等需要使用遙控器方向鍵順序操作的頁面的測試過程中，通過讀取過程中接口內(nèi)容的快捷的讀寫方式，大量減少了測試所需的工作量，提高了頁面測試的工作效率。

附圖說明

圖1為本發(fā)明實施例提供的一種JS調(diào)試頁面方法的流程示意圖；

圖2為本發(fā)明實施例提供的一種JS調(diào)試頁面裝置的結(jié)構(gòu)示意圖。

具體實施方式

為使本領(lǐng)域的技術(shù)人員更好地理解本發(fā)明的技術(shù)方案，下面結(jié)合附圖對本發(fā)明實施例提供的一種JS調(diào)試頁面方法和裝置進行詳細描述。

請參閱圖1，為本發(fā)明實施例提供的一種JS調(diào)試頁面方法的流程示意圖，如圖1所示，本發(fā)明實施例提供的JS調(diào)試頁面方法包括：

步驟S110，創(chuàng)建調(diào)試配置文件；其中，所述調(diào)試配置文件用于保存接口對應的接口內(nèi)容；

步驟S120，在執(zhí)行接口的讀寫操作時，通過所述調(diào)試配置文件完成所述接口對應的讀寫操作。

其中，接口內(nèi)容通常為數(shù)值，也可以是文字或字符串等內(nèi)容。

本發(fā)明實施例中，所述通過所述調(diào)試配置文件完成所述接口對應的讀寫操作具體包括：通過調(diào)試用讀寫函數(shù)完成對應接口的讀寫。也就是說通過所述調(diào)試配置文件完成所述接口對應的讀寫操作是通過調(diào)試用讀寫函數(shù)完成的。

本發(fā)明實施例中，在通過所述調(diào)試配置文件完成所述接口對應的讀寫操作之前還包括：創(chuàng)建調(diào)試JS文件；所述調(diào)試用讀寫函數(shù)定義在所述調(diào)試JS文件中；所述調(diào)試開關(guān)的狀態(tài)保存在所述調(diào)試配置文件中。所述調(diào)試開關(guān)的狀態(tài)保存在所述調(diào)試配置文件中。在需要執(zhí)行接口的讀寫操作時，將調(diào)用調(diào)試JS文件中定義的調(diào)試用讀寫函數(shù)來完成接口的讀寫操作。

本發(fā)明實施例中，將接口以及接口對應的接口內(nèi)容保存在調(diào)試配置文件中，當需要進行讀寫操作時，可以直接通過調(diào)試配置文件完成接口的讀寫操作，在測試各種不同條件組合的情況下，不需要在每次測試中針對每次測試的接口進行對應的接口內(nèi)容的輸入，而是在每次測試過程中，調(diào)試用讀寫函 數(shù)可以直接從調(diào)試配置文件中針對需要的接口內(nèi)容進行讀取，此外，還可以直接在調(diào)試配置文件中寫入或者更新各個接口對應的接口內(nèi)容，從而減少了測試工作中重復性操作的繁瑣勞動，尤其是在例如機頂盒界面等需要使用遙控器方向鍵順序操作的頁面的測試過程中，通過讀取過程中接口內(nèi)容的快捷的讀寫方式，大量減少了測試所需的工作量，提高了頁面測試的工作效率。

在調(diào)試用讀寫函數(shù)的處理流程中，首先，讀取調(diào)試配置文件中的調(diào)試開關(guān)的值，例如，在調(diào)試配置文件中定義調(diào)試開關(guān)的值為0或者1，如果值為1則代表調(diào)試開關(guān)為打開狀態(tài)，如果值為0則代表調(diào)試開關(guān)為關(guān)閉狀態(tài)。

其中，所述通過調(diào)試用讀寫函數(shù)完成對應接口的讀寫包括：讀取調(diào)試開關(guān)的狀態(tài)；如果調(diào)試開關(guān)為打開狀態(tài)，則通過調(diào)試配置文件完成對應接口的讀寫；如果調(diào)試開關(guān)為關(guān)閉狀態(tài)，則通過現(xiàn)有的讀寫函數(shù)完成對應接口的讀寫。

本發(fā)明實施例中，所述調(diào)試用讀寫函數(shù)包括調(diào)試用讀取函數(shù)，所述通過調(diào)試配置文件完成對應接口的讀寫包括：

查找所述調(diào)試配置文件中是否包括所述接口對應的接口內(nèi)容；

如果是，則將所述接口對應的接口內(nèi)容作為本次讀取的讀取結(jié)果；如果否，則通過現(xiàn)有的讀取函數(shù)完成對應接口的讀取，并將讀取結(jié)果作為所述接口對應的接口內(nèi)容存儲在所述調(diào)試配置文件中。

本發(fā)明實施例中，所述調(diào)試用讀寫流程還包括調(diào)試用寫入函數(shù)，所述通過調(diào)試配置文件完成對應接口的讀寫包括：

將寫入內(nèi)容作為所述接口對應的接口內(nèi)容寫入到所述調(diào)試配置文件中。

下面結(jié)合具體的實施場景對本發(fā)明提供的JS調(diào)試頁面方法進行詳細說明。

本發(fā)明實施例提供的一種JS調(diào)試頁面方法的流程示意圖，包括：

步驟S210，創(chuàng)建調(diào)試JS文件和調(diào)試配置文件；

其中，調(diào)試配置文件中用于包括接口對應的接口內(nèi)容，以及調(diào)試開關(guān)的值。

所述調(diào)試JS文件中定義了調(diào)試用讀寫函數(shù)，其中，所述調(diào)試用讀寫函 數(shù)包括調(diào)試用讀取函數(shù)和調(diào)試用寫入函數(shù)。

在調(diào)試用讀寫函數(shù)中，根據(jù)調(diào)試開關(guān)的狀態(tài)執(zhí)行不同的讀寫流程，如果調(diào)試開關(guān)為打開狀態(tài)，則通過調(diào)試配置文件完成對應接口的讀寫；如果調(diào)試開關(guān)為關(guān)閉狀態(tài)，則通過現(xiàn)有的讀寫函數(shù)完成對應接口的讀寫。

步驟S220，頁面調(diào)試過程中，某個JS文件調(diào)用調(diào)試用讀取函數(shù)；

步驟S221，讀取調(diào)試開關(guān)的狀態(tài)，如果調(diào)試開關(guān)為打開狀態(tài)，則執(zhí)行步驟S223；如果調(diào)試開關(guān)為關(guān)閉狀態(tài)，則執(zhí)行步驟S222；

步驟S222，通過現(xiàn)有的讀取函數(shù)完成對應接口的讀取。

步驟S223，查找所述調(diào)試配置文件中是否存在本次讀取對應的接口；如果存在，則執(zhí)行步驟S224；如果不存在，則執(zhí)行步驟S225；

步驟S224，如果存在本次讀取對應的接口，則將調(diào)試配置文件中所述接口對應的接口內(nèi)容作為本次讀取的讀取結(jié)果。也就是說，將調(diào)試配置文件中保存的接口對應的接口內(nèi)容的值返回給調(diào)試用讀取函數(shù)，并作為調(diào)試用讀取函數(shù)本次讀取所述接口的讀取結(jié)果。

步驟S225，如果沒有本次讀取對應的接口，則通過現(xiàn)有的讀取函數(shù)完成對應接口的讀取，并將讀取結(jié)果作為所述接口對應的接口內(nèi)容存儲在所述調(diào)試配置文件中。

步驟S230，頁面調(diào)試過程中，某個JS文件調(diào)用調(diào)試用讀取函數(shù)。

需要說明的是，步驟S230和步驟S220之間沒有特定的先后順序，而是根據(jù)JS文件調(diào)試頁面過程中的讀取操作和寫入操作的需求所決定的。

步驟S231，讀取調(diào)試開關(guān)的狀態(tài)，如果調(diào)試開關(guān)為打開狀態(tài)，則執(zhí)行步驟S233；如果調(diào)試開關(guān)為關(guān)閉狀態(tài)，則執(zhí)行步驟S232；

步驟S232，通過現(xiàn)有的寫入函數(shù)完成對應接口的寫入。

步驟S233，將寫入內(nèi)容作為所述接口對應的接口內(nèi)容寫入到所述調(diào)試配置文件中。其中，如果調(diào)試配置文件中已經(jīng)保存有接口對應的接口內(nèi)容，則將接口對應的接口內(nèi)容更新為本次的寫入內(nèi)容，如果調(diào)試配置文件中還沒有保存有接口對應的接口內(nèi)容，則創(chuàng)建關(guān)于該接口的存儲內(nèi)容，并保存接口對應的接口內(nèi)容。

基于與上述方法實施例相同或相似的構(gòu)思，本發(fā)明實施例還提供一種JavaScript腳本JS調(diào)試頁面裝置。請參閱圖2，為本發(fā)明實施例提供的一種JS調(diào)試頁面裝置的結(jié)構(gòu)示意圖，如圖2所示，所述裝置包括：

創(chuàng)建單元10，用于創(chuàng)建調(diào)試配置文件；其中，所述調(diào)試配置文件用于保存接口對應的接口內(nèi)容；

讀寫單元20，用于在執(zhí)行接口的讀寫操作時，通過所述調(diào)試配置文件完成所述接口對應的讀寫操作。

其中，所述讀寫單元20通過調(diào)試用讀寫函數(shù)完成對應接口的讀寫；

所述讀寫單元20包括：

調(diào)試開關(guān)讀取模塊21，用于讀取調(diào)試開關(guān)的狀態(tài)；如果調(diào)試開關(guān)為打開狀態(tài)，則通過調(diào)試配置文件完成對應接口的讀寫；如果調(diào)試開關(guān)為關(guān)閉狀態(tài)，則通過現(xiàn)有的讀寫函數(shù)完成對應接口的讀寫。

本發(fā)明實施例中，所述調(diào)試用讀寫函數(shù)包括調(diào)試用讀取函數(shù)，所述讀寫單元20包括：

讀取模塊22，用于查找所述調(diào)試配置文件中是否包括所述接口對應的接口內(nèi)容；如果是，則將所述接口對應的接口內(nèi)容作為本次讀取的讀取結(jié)果；如果否，則通過現(xiàn)有的讀取函數(shù)完成對應接口的讀取，并將讀取結(jié)果作為所述接口對應的接口內(nèi)容存儲在所述調(diào)試配置文件中。

本發(fā)明實施例中，所述調(diào)試用讀寫流程還包括調(diào)試用寫入函數(shù)，所述讀寫單元20還包括：

寫入模塊23，用于將寫入內(nèi)容作為所述接口對應的接口內(nèi)容寫入到所述調(diào)試配置文件中。

本發(fā)明實施例中，所述創(chuàng)建單元10還用于創(chuàng)建調(diào)試JS文件；所述調(diào)試用讀寫函數(shù)定義在所述調(diào)試JS文件中。

可以理解的是，以上實施方式僅僅是為了說明本發(fā)明的原理而采用的示例性實施方式，然而本發(fā)明并不局限于此。對于本領(lǐng)域內(nèi)的普通技術(shù)人員而言，在不脫離本發(fā)明的精神和實質(zhì)的情況下，可以做出各種變型和改進，這些變型和改進也視為本發(fā)明的保護范圍。