web瀏覽器兼容性測(cè)試方法和裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及一種基于圖片對(duì)比的web瀏覽器兼容性測(cè)試方法和裝置。
【背景技術(shù)】
[0002]伴隨互聯(lián)網(wǎng)技術(shù)的快速發(fā)展，各公司都爭相推出自己的瀏覽器，以搶占用戶互聯(lián)網(wǎng)的流量入口，web瀏覽器已經(jīng)從最初的Internet Explorer,擴(kuò)展到Mozilla的Firefox、Apple 的 Safari，Opera、Google Chrome、GreenBrowser 瀏覽器、360 安全瀏覽器、搜狗高速瀏覽器、騰訊TT、傲游瀏覽器、百度瀏覽器、騰訊QQ瀏覽器等數(shù)十種。
[0003]最初對(duì)于瀏覽器兼容性測(cè)試，測(cè)試人員通過手工測(cè)試來確保產(chǎn)品在大部分的瀏覽器顯示正確，但是隨著瀏覽器版本越來越多并且各家份額差距逐漸縮小，需要進(jìn)行兼容性測(cè)試的瀏覽器也越來越多，兼容性范圍的擴(kuò)大，因此現(xiàn)有的兼容性測(cè)試過程無形中增加了不小的成本。

【發(fā)明內(nèi)容】

[0004]針對(duì)現(xiàn)有技術(shù)，本發(fā)明的目的是提供一種方便地進(jìn)行瀏覽器兼容性測(cè)試的方法和
目.ο
[0005]本發(fā)明提供了一種web瀏覽器兼容性測(cè)試方法，所述方法包括:a.接收對(duì)測(cè)試環(huán)境的選擇；b.基于選擇的目標(biāo)瀏覽器輸入待測(cè)的URL ;c.保存基于URL生成的全頁面內(nèi)容；d.將所述全頁面內(nèi)容與基準(zhǔn)內(nèi)容進(jìn)行對(duì)比；e.當(dāng)全頁面內(nèi)容與基準(zhǔn)內(nèi)容有不一致時(shí)，兼容性測(cè)試結(jié)果為不通過。
[0006]優(yōu)選地，步驟d包括:讀取目標(biāo)瀏覽器的生成的全網(wǎng)頁圖片和基準(zhǔn)瀏覽器的生成的全網(wǎng)頁圖片；對(duì)讀取的全網(wǎng)頁圖片進(jìn)行編碼；將目標(biāo)瀏覽器全網(wǎng)頁圖片的編碼與基準(zhǔn)瀏覽器全網(wǎng)頁圖片的編碼進(jìn)行對(duì)比。更優(yōu)選地，步驟e包括:當(dāng)目標(biāo)瀏覽器全網(wǎng)頁圖片的編碼與基準(zhǔn)瀏覽器全網(wǎng)頁圖片的編碼差異超過閾值時(shí)，兼容性測(cè)試結(jié)果為不通過。
[0007]優(yōu)選地，對(duì)讀取的全網(wǎng)頁圖片進(jìn)行BASE64編碼。
[0008]優(yōu)選地，步驟a包括:接收對(duì)瀏覽器及操作系統(tǒng)的選擇。
[0009]本發(fā)明中，還提供了一種web瀏覽器兼容性測(cè)試裝置，所述裝置包括:選擇接收模塊、URL輸入模塊、全頁面生成模塊、內(nèi)容比較模塊、兼容性測(cè)試模塊。其中，選擇接收模塊用于接收對(duì)測(cè)試環(huán)境的選擇；URL輸入模塊用于基于選擇的目標(biāo)瀏覽器輸入待測(cè)的URL ;全頁面生成模塊用于生成基于URL的全頁面內(nèi)容；內(nèi)容比較模塊用于將所述全頁面內(nèi)容與基準(zhǔn)內(nèi)容進(jìn)行對(duì)比；兼容性測(cè)試模塊用于當(dāng)全頁面內(nèi)容與基準(zhǔn)內(nèi)容有不一致時(shí)確定兼容性測(cè)試結(jié)果為不通過。
[0010]優(yōu)選地，內(nèi)容比較模塊包括圖片讀取單元、編碼單元、比較單元。其中:圖片讀取單元用于讀取目標(biāo)瀏覽器的生成的全網(wǎng)頁圖片和基準(zhǔn)瀏覽器的生成的全網(wǎng)頁圖片；編碼單元用于對(duì)讀取的全網(wǎng)頁圖片進(jìn)行編碼；比較單元用于將目標(biāo)瀏覽器全網(wǎng)頁圖片的編碼與基準(zhǔn)瀏覽器全網(wǎng)頁圖片的編碼進(jìn)行對(duì)比。更優(yōu)選地，兼容性測(cè)試模塊用于當(dāng)目標(biāo)瀏覽器全網(wǎng)頁圖片的編碼與基準(zhǔn)瀏覽器全網(wǎng)頁圖片的編碼差異超過閾值時(shí)，兼容性測(cè)試結(jié)果為不通過。
[0011]優(yōu)選地，編碼單元為BASE64編碼單元，用于對(duì)讀取的全網(wǎng)頁圖片進(jìn)行BASE64編碼。
[0012]優(yōu)選地，選擇接收模塊包括瀏覽器類型接收單元、操作系統(tǒng)類型接收單元。其中:瀏覽器類型接收單元用于接收對(duì)瀏覽器的選擇；操作系統(tǒng)類型接收單元用于接收操作系統(tǒng)的選擇。
[0013]相對(duì)于現(xiàn)有技術(shù)，本發(fā)明具有以下技術(shù)效果:只需輸入一次URL，便可以測(cè)試多個(gè)瀏覽器兼容性環(huán)境。測(cè)試人員只需在測(cè)試初期，確認(rèn)目標(biāo)URL與瀏覽器即可進(jìn)行測(cè)試，從而省去了人工執(zhí)行測(cè)試過程并節(jié)約了人工查找圖片差異的時(shí)間。而且，由于可測(cè)試的瀏覽器范圍可自行定義，也使得測(cè)試過程更加靈活。
【附圖說明】
[0014]圖1是本發(fā)明一種【具體實(shí)施方式】的基于圖片對(duì)比的web瀏覽器兼容性測(cè)試方法的流程圖；
[0015]圖2是本發(fā)明中對(duì)頁面內(nèi)容進(jìn)行對(duì)比判斷的方法步驟的流程圖；
[0016]圖3是本發(fā)明一種【具體實(shí)施方式】的基于圖片對(duì)比的web瀏覽器兼容性測(cè)試裝置的原理框圖。
【具體實(shí)施方式】
[0017]如圖1所示，在本發(fā)明一種【具體實(shí)施方式】中，基于圖片對(duì)比的web瀏覽器兼容性測(cè)試方法包括以下步驟:
[0018]在步驟110，接收對(duì)測(cè)試環(huán)境的選擇。所述測(cè)試環(huán)境可以包括表征整個(gè)測(cè)試環(huán)境的多個(gè)參數(shù)，例如瀏覽器、操作系統(tǒng)等等。
[0019]優(yōu)選地，在一個(gè)優(yōu)選實(shí)施例中，接收對(duì)目標(biāo)瀏覽器和操作系統(tǒng)的選擇。在該步驟中，用戶在操作頁面中選擇相應(yīng)的測(cè)試器測(cè)試范圍。例如，選擇IE、Firefox、遨游、獵豹等瀏覽器，并且可以設(shè)定特定瀏覽器的版本，例如選擇了 IE瀏覽器，可以進(jìn)一步選擇IE8.0作為測(cè)試時(shí)使用的瀏覽器版本。對(duì)目標(biāo)瀏覽器的選擇可以通過在特定的軟件操作界面的人機(jī)操作接口來實(shí)現(xiàn)，例如，在操作界面上設(shè)置對(duì)話框中或下拉菜單來實(shí)現(xiàn)用戶對(duì)目標(biāo)瀏覽器的選擇。同時(shí)，設(shè)定操作系統(tǒng)的類型、版本等信息，例如，設(shè)置測(cè)試用的操作系統(tǒng)為Windows8。
[0020]在步驟120，基于選擇的目標(biāo)瀏覽器輸入待測(cè)的頁面URL。兼容性測(cè)試必須設(shè)置一些測(cè)試網(wǎng)址，即網(wǎng)絡(luò)頁面的URL，這些網(wǎng)址可以包括不同類型的網(wǎng)頁地址，例如:搜索網(wǎng)頁、社交網(wǎng)頁、視頻網(wǎng)頁等等。URL的數(shù)量可以是一個(gè)或多個(gè)，如果是多個(gè)URL，則需要通過分別訪問多個(gè)URL來實(shí)現(xiàn)測(cè)試。
[0021]本領(lǐng)域技術(shù)人員應(yīng)該理解，步驟110和步驟120的順序可以有不同的設(shè)置，例如可以先進(jìn)行步驟120以輸入頁面URL。
[0022]在步驟130，保存基于所述URL產(chǎn)生全頁面內(nèi)容。在選擇瀏覽器和輸入上述URL后開始測(cè)試，所述測(cè)試就是利用不同的瀏覽器訪問URL，訪問后會(huì)生成相應(yīng)的全頁面內(nèi)容，所述全頁面是指訪問該URL后生成的全部頁面。在用戶上網(wǎng)訪問網(wǎng)頁頁面的時(shí)候，由于顯示屏幕大小的限制，通常用戶只能看到一部分頁面，例如只能看到頁面的上半部分或三分之一部分，如果用戶要看到其他部分的網(wǎng)頁，需要通過滾動(dòng)網(wǎng)頁來查看。而在本步驟中，則會(huì)保存基于所述URL產(chǎn)生全頁面內(nèi)容。
[0023]在步驟140，將生成的所述全頁面內(nèi)容與基準(zhǔn)頁面內(nèi)容進(jìn)行對(duì)比，以判斷兩者是否一致。所述基準(zhǔn)內(nèi)容是指在瀏覽器正常顯示的情況下所呈現(xiàn)的全頁面內(nèi)容。
[0024]如圖2所示，在一種【具體實(shí)施方式】中，所述對(duì)比過程可以為:
[0025]從數(shù)據(jù)庫中讀取所有全網(wǎng)頁圖片，并對(duì)全網(wǎng)頁圖片進(jìn)行編碼。例如，可以將圖片轉(zhuǎn)換為BASE64編碼。所述BASE64編碼可用于在HTTP環(huán)境下傳遞較長的標(biāo)識(shí)信息，BASE64編碼的原理具體可以參考MME的詳細(xì)規(guī)范。
[0026]在一個(gè)具體實(shí)施例中:對(duì)于一個(gè)網(wǎng)址a，在基準(zhǔn)瀏覽器BI中進(jìn)行顯示時(shí)生成圖片Al，對(duì)所述圖片Al進(jìn)行BASE64編碼，生成一個(gè)較長的序列al，其中，序列al為:
[0027]4AAQSkZJRgABAQEAYABgAAD/4QBaRXhpZgAATU0AKgAAAAgABQMBAAUAAAABAAAASgMDAAEAAAABAAAAAFEQAAEAAAABAQAAAFERAAQAAAABAAAOwlESAAQAAA......
[0028]另外，網(wǎng)址a，在目標(biāo)瀏覽器B2中進(jìn)行顯示時(shí)生成圖片A2，對(duì)所述圖片A2進(jìn)行BASE64編碼，生成一個(gè)較長的序列a2，其中，序列a2為:
[0029]ABAAAOwwAAAAAAAYagAACxjbAEMAAgEBAgEBAglCAglCAglDBQMDAwMDBgQEAwUHBgcHBwYHBwgJCwklCAoIBwcKDQoKCw......
[0030]經(jīng)過比對(duì)，兩個(gè)序列中，不一致的代碼長度達(dá)到30%，相對(duì)于預(yù)設(shè)的閾值(20% )，不一致的部分顯然高于閾值，則判斷兩個(gè)編碼不一致。
[0031]根據(jù)用戶的設(shè)置，Server端按用戶配置瀏覽器范圍，例如配置了 N種瀏覽器，則其中一種瀏覽器為基準(zhǔn)瀏覽器，即:將通過該瀏覽器訪問URL的顯示結(jié)果作為標(biāo)準(zhǔn)圖片。相應(yīng)地，針對(duì)基準(zhǔn)瀏覽器的顯示圖片編碼后生成的即為基準(zhǔn)序列。從而針對(duì)其他N-1個(gè)目標(biāo)瀏覽器，生成了 N-1組對(duì)比序列，每組序列包括基準(zhǔn)瀏覽器的編碼與該目標(biāo)瀏覽器的編碼，將每組序列中的兩個(gè)序列進(jìn)行對(duì)比。
[0032]在步驟150，如果比較結(jié)果為兩個(gè)編碼不一致，則在步驟160判定測(cè)試不通過。并且，優(yōu)選地在步驟165定位編碼差異部分，將編碼還原為圖片，并且將編碼差異部分對(duì)應(yīng)的區(qū)域標(biāo)識(shí)出來，例如用紅色方框標(biāo)識(shí)，并且此序列組測(cè)試不通過。如果比較結(jié)果為兩個(gè)編碼一致，則在步驟170判定認(rèn)為圖片無變形或移位的區(qū)域，此序列組測(cè)試通過。
[0033]關(guān)于上述比較過程中，編碼之間“一致”、“不一致”的判定，需要根據(jù)編碼之間差異的程度來確定，例如:設(shè)定編碼之間的差異代碼比例為20%作為閾值，S卩:目標(biāo)瀏覽器與基準(zhǔn)瀏覽器的網(wǎng)頁編碼不一樣的部分達(dá)到了基準(zhǔn)瀏覽器網(wǎng)頁編碼的20%，即當(dāng)編碼之間的差異代碼比例大于或等于20%時(shí)，判定該組中的兩個(gè)編碼不一致；當(dāng)編碼之間的差異代碼比例小于20 %時(shí)，判定該組中的兩個(gè)編碼一致。
[0034]優(yōu)選地，在步驟180，測(cè)試結(jié)果會(huì)展示在人機(jī)界面上，從而測(cè)試人員可以非常方便、直觀地查看測(cè)試結(jié)果。
[0035]優(yōu)選地，在步驟190，對(duì)比完成后，所有