專利名稱：網(wǎng)頁(yè)用戶界面的瀏覽器兼容性測(cè)試方法和系統(tǒng)的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及瀏覽器兼容性測(cè)試技術(shù)領(lǐng)域，特別涉及一種網(wǎng)頁(yè)用戶界面的瀏覽器兼容性測(cè)試方法和系統(tǒng)。
背景技術(shù)：
隨著網(wǎng)絡(luò)(Web)技術(shù)的快速發(fā)展，Web頁(yè)面已經(jīng)能夠支持幾乎所有媒體類型的信息發(fā)布，在基于Web的系統(tǒng)變得越來越復(fù)雜和強(qiáng)大的同時(shí)，Web開發(fā)中Web頁(yè)面的測(cè)試工作也變得越來越重要和具有挑戰(zhàn)性。用戶界面(UI)測(cè)試是Web頁(yè)面測(cè)試中的一個(gè)重要方面，而Π測(cè)試中瀏覽器兼容性的測(cè)試至關(guān)重要。Web頁(yè)面的UI必須兼容各個(gè)主流的瀏覽器，才能保證大部分用戶能夠正常使用Web頁(yè)面。目前在測(cè)試瀏覽器兼容性時(shí)，通常采用對(duì)主流瀏覽器逐一進(jìn)行測(cè)試的方法，如同樣的一套Web頁(yè)面測(cè)試用例，利用測(cè)試工具分別用IE瀏覽器和Chrome瀏覽器執(zhí)行一遍，根據(jù)各個(gè)執(zhí)行結(jié)果得到Web頁(yè)面的UI的瀏覽器兼容性。現(xiàn)有的瀏覽器兼容性測(cè)試方案至少具有如下缺陷:由于需要利用測(cè)試工具分別對(duì)主流瀏覽器逐一進(jìn)行測(cè)試，所耗費(fèi)的人力資源和時(shí)間都成倍增長(zhǎng)，測(cè)試成本較高。

發(fā)明內(nèi)容
本發(fā)明提供的網(wǎng)頁(yè)用戶界面的瀏覽器兼容性測(cè)試方法和系統(tǒng)，以解決現(xiàn)有測(cè)試方案所耗費(fèi)的人力資源較多、測(cè)試時(shí)間過長(zhǎng)及測(cè)試成本較高的問題。為達(dá)到上述目的，本發(fā)明實(shí)施例采用了如下技術(shù)方案:本發(fā)明實(shí)施例提供了一種網(wǎng)頁(yè)用戶界面的瀏覽器兼容性測(cè)試方法，所述網(wǎng)頁(yè)具有用戶交互功能，所述方法包括:利用第一瀏覽器訪問網(wǎng)頁(yè)中的用戶交互功能并生成第一交互信息，其中，所需測(cè)試的瀏覽器包括第一瀏覽器；通過分別在所需測(cè)試的各瀏覽器下查看所述第一交互信息來測(cè)試網(wǎng)頁(yè)用戶界面UI的瀏覽器兼容性。本發(fā)明實(shí)施例還提供了一種網(wǎng)頁(yè)用戶界面的瀏覽器兼容性測(cè)試系統(tǒng)，所述網(wǎng)頁(yè)具有用戶交互功能，所述系統(tǒng)包括:交互訪問端，利用第一瀏覽器訪問網(wǎng)頁(yè)中的用戶交互功能并生成第一交互信息，其中，所需測(cè)試的瀏覽器包括第一瀏覽器；網(wǎng)頁(yè)測(cè)試端，通過分別在所需測(cè)試的各瀏覽器下查看所述第一交互信息來測(cè)試網(wǎng)頁(yè)用戶界面UI的瀏覽器兼容性。本發(fā)明實(shí)施例的有益效果是:本發(fā)明實(shí)施例通過利用網(wǎng)頁(yè)中的用戶交互功能來測(cè)試網(wǎng)頁(yè)Π的瀏覽器兼容性，提供了一種新型的瀏覽器兼容性測(cè)試方案。本方案無需利用專有的測(cè)試工具，測(cè)試操作簡(jiǎn)單，且完全可以在測(cè)試用戶交互功能的同時(shí)實(shí)現(xiàn)對(duì)網(wǎng)頁(yè)Π瀏覽器兼容性的測(cè)試，顯著降低了測(cè)試所需的人力資源、縮短了測(cè)試時(shí)間、降低了測(cè)試成本。


圖1為本發(fā)明實(shí)施例一提供的一種網(wǎng)頁(yè)用戶界面的瀏覽器兼容性測(cè)試方法流程圖；圖2為本發(fā)明實(shí)施例二提供的一種網(wǎng)頁(yè)用戶界面的瀏覽器兼容性測(cè)試系統(tǒng)結(jié)構(gòu)圖。
具體實(shí)施例方式為使本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合附圖對(duì)本發(fā)明實(shí)施方式作進(jìn)一步地詳細(xì)描述。參見圖1，為本發(fā)明實(shí)施例一提供的一種網(wǎng)頁(yè)用戶界面的瀏覽器兼容性測(cè)試方法，所測(cè)試的網(wǎng)頁(yè)(Web頁(yè)面)具有用戶交互功能，所述方法包括:11:利用第一瀏覽器訪問網(wǎng)頁(yè)中的用戶交互功能并生成第一交互信息，其中，所需測(cè)試的瀏覽器包括第一瀏覽器。具體的，接收用戶利用第一瀏覽器向用戶交互功能發(fā)送的信息發(fā)布指令，解析所述信息發(fā)布指令，提取出所需發(fā)布的信息，將該所需發(fā)布的信息作為第一交互信息。12:通過分別在所需測(cè)試的各瀏覽器下查看所述第一交互信息來測(cè)試網(wǎng)頁(yè)用戶界面(UI)的瀏覽器兼容性。本實(shí)施例對(duì)瀏覽器兼容性的測(cè)試可以在對(duì)用戶交互功能的測(cè)試過程中同時(shí)執(zhí)行，由于具有用戶交互功能的網(wǎng)頁(yè)能夠生成交互信息并將在交互信息在瀏覽器上顯示出來，則當(dāng)在一個(gè)瀏覽器下正確顯示該交互信息時(shí)，即表明網(wǎng)頁(yè)具有用戶交互功能，實(shí)現(xiàn)了對(duì)用戶交互功能的測(cè)試。在步驟12中，通過在不同瀏覽器下查看所顯示的第一交互信息是否正確來判斷網(wǎng)頁(yè)是否具有瀏覽器兼容性。正確顯示的交互信息為內(nèi)容和頁(yè)面樣式都正確顯示的信息。本實(shí)施例分別在所需測(cè)試的各瀏覽器下查看所顯示的第一交互信息的頁(yè)面樣式是否與預(yù)定UI樣式一致，若一致，確定網(wǎng)頁(yè)Π兼容所測(cè)試的瀏覽器，若不一致，確定網(wǎng)頁(yè)Π不兼容所測(cè)試的瀏覽器。該預(yù)定Π樣式指示所期望顯示的Π的圖案，包括界面中各部分的位置信息和屬性信息(如顏色、形狀等)。并且，分別在所需測(cè)試的各瀏覽器下查看所顯示的第一交互信息的內(nèi)容是否預(yù)定內(nèi)容相一致，若一致，確定網(wǎng)頁(yè)的用戶交互功能兼容所測(cè)試的瀏覽器，若不一致，確定網(wǎng)頁(yè)的用戶交互功能不兼容所測(cè)試的瀏覽器。進(jìn)一步的，在進(jìn)行上述內(nèi)容和頁(yè)面樣式的比較時(shí)，可以對(duì)預(yù)定Π樣式進(jìn)行特征提取，將預(yù)定Π樣式信息化，在服務(wù)器的后臺(tái)程序中進(jìn)行信息比對(duì)，或者，由于頁(yè)面的顯示所關(guān)注的主要是用戶的視覺效果，也可以通過測(cè)試員目測(cè)實(shí)現(xiàn)。下面以所需測(cè)試的瀏覽器包括第一瀏覽器和第二瀏覽器、第一用戶和第二用戶為同一用戶交互功能下的關(guān)聯(lián)用戶的場(chǎng)景為例說明本方案。所需測(cè)試的網(wǎng)頁(yè)為即時(shí)通信應(yīng)用網(wǎng)頁(yè)，所述用戶交互功能為評(píng)論功能，所述第一用戶和第二用戶為即時(shí)通信的好友用戶。上述第一瀏覽器可以為IE8瀏覽器，上述第二瀏覽器可以為Firefox瀏覽器。本實(shí)施例利用第一瀏覽器訪問網(wǎng)頁(yè)并以第一用戶身份登錄用戶交互功能，生成針對(duì)第二用戶的第一交互信息，所述第一用戶和第二用戶為所述用戶交互功能下的關(guān)聯(lián)用戶；通過在第一瀏覽器下以第一用戶身份查看所述第一交互信息，來測(cè)試網(wǎng)頁(yè)Π對(duì)第一瀏覽器的兼容性；通過在第二瀏覽器下以第二用戶身份查看所述第一交互信息，來測(cè)試網(wǎng)頁(yè)UI對(duì)第二瀏覽器的兼容性。結(jié)合上述場(chǎng)景，具體的測(cè)試過程如下:利用IE8瀏覽器訪問即時(shí)通信網(wǎng)頁(yè)并利用第一用戶的登錄信息(即以第一用戶身份)登錄即時(shí)通信平臺(tái)上的評(píng)論功能，對(duì)第二用戶進(jìn)行評(píng)論，生成一條動(dòng)態(tài)信息(即第一交互信息)；在IE8瀏覽器下以第一用戶身份查看第一交互信息的內(nèi)容和頁(yè)面樣式是否正確，若正確，說明網(wǎng)頁(yè)具有用戶交互功能，且網(wǎng)頁(yè)Π對(duì)IE8瀏覽器兼容。利用Firefox瀏覽器登錄按照第二用戶的登錄信息(即以第二用戶身份)登錄即時(shí)通信平臺(tái)上的評(píng)論功能，查看上述第一交互信息，判斷Firefox瀏覽器所顯示的第一交互信息的內(nèi)容和頁(yè)面樣式是否正確，若是，則確認(rèn)網(wǎng)頁(yè)Π對(duì)Firefox瀏覽器兼容。由上所述，本實(shí)施例在測(cè)試評(píng)論功能的同時(shí)也進(jìn)行了瀏覽器兼容性的測(cè)試，相對(duì)于現(xiàn)有的測(cè)試方案，節(jié)省了單獨(dú)測(cè)試瀏覽器兼容性的測(cè)試時(shí)間。本發(fā)明實(shí)施例二還提供了一種網(wǎng)頁(yè)用戶界面的瀏覽器兼容性測(cè)試系統(tǒng)，所述網(wǎng)頁(yè)具有用戶交互功能，參見圖2，所述系統(tǒng)包括:交互訪問端21，利用第一瀏覽器訪問網(wǎng)頁(yè)中的用戶交互功能并生成第一交互信息，其中，所需測(cè)試的瀏覽器包括第一瀏覽器；網(wǎng)頁(yè)測(cè)試端22，通過分別在所需測(cè)試的各瀏覽器下查看所述第一交互信息來測(cè)試網(wǎng)頁(yè)用戶界面Π的瀏覽器兼容性。進(jìn)一步的，所述網(wǎng)頁(yè)測(cè)試端22，分別在所需測(cè)試的各瀏覽器下查看所顯示的第一交互信息的內(nèi)容和頁(yè)面樣式是否正確，若是，確定網(wǎng)頁(yè)UI兼容所測(cè)試的瀏覽器，若否，確定網(wǎng)頁(yè)UI不兼容所測(cè)試的瀏覽器。具體的，所述網(wǎng)頁(yè)測(cè)試端22，通過如下方式查看所顯示的第一交互信息的內(nèi)容和頁(yè)面樣式是否正確:將所顯示的第一交互信息的內(nèi)容與預(yù)定內(nèi)容進(jìn)行比較，若相同，確定所顯示的第一交互信息的內(nèi)容正確，若不同，確定所顯不的第一交互信息的內(nèi)容錯(cuò)誤；將所顯不的第一交互信息的頁(yè)面樣式與預(yù)定Π樣式進(jìn)行比較，若相同，確定所顯示的第一交互信息的頁(yè)面樣式正確，若不同，確定所顯示的第一交互信息的頁(yè)面樣式錯(cuò)誤。進(jìn)一步的，所需測(cè)試的瀏覽器還包括第二瀏覽器，所述交互訪問端21，利用第一瀏覽器訪問網(wǎng)頁(yè)并以第一用戶身份登錄用戶交互功能，生成針對(duì)第二用戶的第一交互信息，所述第一用戶和第二用戶為所述用戶交互功能下的關(guān)聯(lián)用戶；所述網(wǎng)頁(yè)測(cè)試端22，通過在第一瀏覽器下以第一用戶身份查看所述第一交互信息，來測(cè)試網(wǎng)頁(yè)Π對(duì)第一瀏覽器的兼容性；通過在第二瀏覽器下以第二用戶身份查看所述第一交互信息，來測(cè)試網(wǎng)頁(yè)Π對(duì)第二瀏覽器的兼容性。所述交互訪問端21，通過如下方式利用第一瀏覽器訪問網(wǎng)頁(yè)中的用戶交互功能并生成第一交互信息:接收用戶利用第一瀏覽器向用戶交互功能發(fā)送的信息發(fā)布指令；解析所述信息發(fā)布指令，提取出所需發(fā)布的信息，將該所需發(fā)布的信息作為第一交互信息。進(jìn)一步的，在進(jìn)行上述內(nèi)容和頁(yè)面樣式的比較時(shí)，上述網(wǎng)頁(yè)測(cè)試端22可以對(duì)預(yù)定UI樣式進(jìn)行特征提取，將預(yù)定UI樣式信息化，在服務(wù)器的后臺(tái)程序中進(jìn)行信息比對(duì)，或者，由于頁(yè)面的顯示所關(guān)注的主要是用戶的視覺效果，也可以通過測(cè)試員目測(cè)實(shí)現(xiàn)。本發(fā)明實(shí)施例通過利用網(wǎng)頁(yè)中的用戶交互功能來測(cè)試網(wǎng)頁(yè)Π的瀏覽器兼容性，提供了一種新型的瀏覽器兼容性測(cè)試方案。本方案無需利用專有的測(cè)試工具，測(cè)試操作簡(jiǎn)單，且完全可以在測(cè)試用戶交互功能的同時(shí)實(shí)現(xiàn)對(duì)網(wǎng)頁(yè)Π瀏覽器兼容性的測(cè)試，顯著降低了測(cè)試所需的人力資源、縮短了測(cè)試時(shí)間、降低了測(cè)試成本。以上所述僅為本發(fā)明的較佳實(shí)施例而已，并非用于限定本發(fā)明的保護(hù)范圍。凡在本發(fā)明的精神和原則之內(nèi)所作的任何修改、等同替換、改進(jìn)等，均包含在本發(fā)明的保護(hù)范圍內(nèi)。
權(quán)利要求
1.一種網(wǎng)頁(yè)用戶界面的瀏覽器兼容性測(cè)試方法，其特征在于，所述網(wǎng)頁(yè)具有用戶交互功能，所述方法包括: 利用第一瀏覽器訪問網(wǎng)頁(yè)中的用戶交互功能并生成第一交互信息，其中，所需測(cè)試的瀏覽器包括第一瀏覽器； 通過分別在所需測(cè)試的各瀏覽器下查看所述第一交互信息來測(cè)試網(wǎng)頁(yè)用戶界面Π的瀏覽器兼容性。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述通過分別在所需測(cè)試的各瀏覽器下查看所述第一交互信息來測(cè)試網(wǎng)頁(yè)用戶界面Π的瀏覽器兼容性包括: 分別在所需測(cè)試的各瀏覽器下查看所顯示的第一交互信息的內(nèi)容和頁(yè)面樣式是否正確，若是，確定網(wǎng)頁(yè)Π兼容所測(cè)試的瀏覽器，若否，確定網(wǎng)頁(yè)Π不兼容所測(cè)試的瀏覽器。
3.根據(jù)權(quán)利要求2所述的方法，其特征在于，通過如下方式查看所顯示的第一交互信息的內(nèi)容和頁(yè)面樣式是否正確: 將所顯示的第一交互信息的內(nèi)容與預(yù)定內(nèi)容進(jìn)行比較，若相同，確定所顯示的第一交互信息的內(nèi)容正確，若不同，確定所顯示的第一交互信息的內(nèi)容錯(cuò)誤； 將所顯示的第一交互信息的頁(yè)面樣式與預(yù)定Π樣式進(jìn)行比較，若相同，確定所顯示的第一交互信息的頁(yè)面樣式正確，若不同，確定所顯示的第一交互信息的頁(yè)面樣式錯(cuò)誤。
4.根據(jù)權(quán)利要求3所述的方法，其特征在于，所需測(cè)試的瀏覽器還包括第二瀏覽器， 所述利用第一瀏覽器訪問網(wǎng)頁(yè)中的用戶交互功能并生成第一交互信息包括:利用第一瀏覽器訪問網(wǎng)頁(yè)并以第一用戶身份登錄用戶交互功能，生成針對(duì)第二用戶的第一交互信息，所述第一用戶和第二用戶為所述用戶交互功能下的關(guān)聯(lián)用戶；`` 所述通過分別在所需測(cè)試的各瀏覽器下查看所述第一交互信息來測(cè)試網(wǎng)頁(yè)用戶界面UI的瀏覽器兼容性包括: 通過在第一瀏覽器下以第一用戶身份查看所述第一交互信息，來測(cè)試網(wǎng)頁(yè)Π對(duì)第一瀏覽器的兼容性； 通過在第二瀏覽器下以第二用戶身份查看所述第一交互信息，來測(cè)試網(wǎng)頁(yè)Π對(duì)第二瀏覽器的兼容性。
5.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述利用第一瀏覽器訪問網(wǎng)頁(yè)中的用戶交互功能并生成第一交互信息包括: 接收用戶利用第一瀏覽器向用戶交互功能發(fā)送的信息發(fā)布指令； 解析所述信息發(fā)布指令，提取出所需發(fā)布的信息，將該所需發(fā)布的信息作為第一交互信息。
6.一種網(wǎng)頁(yè)用戶界面的瀏覽器兼容性測(cè)試系統(tǒng)，其特征在于，所述網(wǎng)頁(yè)具有用戶交互功能，所述系統(tǒng)包括: 交互訪問端，利用第一瀏覽器訪問網(wǎng)頁(yè)中的用戶交互功能并生成第一交互信息，其中，所需測(cè)試的瀏覽器包括第一瀏覽器； 網(wǎng)頁(yè)測(cè)試端，通過分別在所需測(cè)試的各瀏覽器下查看所述第一交互信息來測(cè)試網(wǎng)頁(yè)用戶界面Π的瀏覽器兼容性。
7.根據(jù)權(quán)利要求6所述的系統(tǒng)，其特征在于， 所述網(wǎng)頁(yè)測(cè)試端，分別在所需測(cè)試的各瀏覽器下查看所顯示的第一交互信息的內(nèi)容和頁(yè)面樣式是否正確，若是，確定網(wǎng)頁(yè)Π兼容所測(cè)試的瀏覽器，若否，確定網(wǎng)頁(yè)Π不兼容所測(cè)試的瀏覽器。
8.根據(jù)權(quán)利要求7所述的系統(tǒng)，其特征在于， 所述網(wǎng)頁(yè)測(cè)試端，通過如下方式查看所顯示的第一交互信息的內(nèi)容和頁(yè)面樣式是否正確: 將所顯示的第一交互信息的內(nèi)容與預(yù)定內(nèi)容進(jìn)行比較，若相同，確定所顯示的第一交互信息的內(nèi)容正確，若不同，確定所顯示的第一交互信息的內(nèi)容錯(cuò)誤； 將所顯示的第一交互信息的頁(yè)面樣式與預(yù)定Π樣式進(jìn)行比較，若相同，確定所顯示的第一交互信息的頁(yè)面樣式正確，若不同，確定所顯示的第一交互信息的頁(yè)面樣式錯(cuò)誤。
9.根據(jù)權(quán)利要求8所述的系統(tǒng)，其特征在于，所需測(cè)試的瀏覽器還包括第二瀏覽器， 所述交互訪問端，利用第一瀏覽器訪問網(wǎng)頁(yè)并以第一用戶身份登錄用戶交互功能，生成針對(duì)第二用戶的第一交互信息，所述第一用戶和第二用戶為所述用戶交互功能下的關(guān)聯(lián)用戶； 所述網(wǎng)頁(yè)測(cè)試端，通過在第一瀏覽器下以第一用戶身份查看所述第一交互信息，來測(cè)試網(wǎng)頁(yè)Π對(duì)第一瀏覽器的兼容性；通過在第二瀏覽器下以第二用戶身份查看所述第一交互信息，來測(cè)試網(wǎng)頁(yè)UI對(duì)第二瀏覽器的兼容性。
10.根據(jù)權(quán)利要求6所述的系統(tǒng)，其特征在于， 所述交互訪問端，通過如下方式利用第一瀏覽器訪問網(wǎng)頁(yè)中的用戶交互功能并生成第一交互信息: 接收用戶利用第一瀏覽器向用戶交互功能發(fā)送的信息發(fā)布指令；解析所述信息發(fā)布指令，提取出所需發(fā)布的信息，將該所需發(fā)布的信息作為第一交互信息。
全文摘要
本發(fā)明公開了一種網(wǎng)頁(yè)用戶界面的瀏覽器兼容性測(cè)試方法和系統(tǒng)，能夠顯著降低測(cè)試所需的人力資源、縮短測(cè)試時(shí)間和降低測(cè)試成本。本發(fā)明實(shí)施例提供的一種網(wǎng)頁(yè)用戶界面的瀏覽器兼容性測(cè)試方法包括利用第一瀏覽器訪問網(wǎng)頁(yè)中的用戶交互功能并生成第一交互信息，其中，所需測(cè)試的瀏覽器包括第一瀏覽器，所述網(wǎng)頁(yè)具有用戶交互功能；通過分別在所需測(cè)試的各瀏覽器下查看所述第一交互信息來測(cè)試網(wǎng)頁(yè)用戶界面UI的瀏覽器兼容性。
文檔編號(hào)G06F11/36GK103186465SQ20111046035
公開日2013年7月3日 申請(qǐng)日期2011年12月31日 優(yōu)先權(quán)日2011年12月31日
發(fā)明者史曉麗 申請(qǐng)人:北京新媒傳信科技有限公司