瀏覽器兼容性測試分析方法及瀏覽器兼容性測試分析系統(tǒng)的制作方法
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及瀏覽器兼容性測試技術(shù)領(lǐng)域，特別地涉及軟件用戶界面的瀏覽器兼容 測試方法和系統(tǒng)。
【背景技術(shù)】
[0002] 目前的軟件系統(tǒng)一般需要支持多種瀏覽器，由于不同瀏覽器的內(nèi)核、呈現(xiàn)引擎、 JavaScript解釋器以及數(shù)據(jù)存儲之間存在差別，導(dǎo)致軟件系統(tǒng)在不同瀏覽器之間的存在 兼容性的問題。針對瀏覽器的兼容性測試目前一般以手工測試為主，需要對不同瀏覽器的 顯示結(jié)果人工進行比對分析。
[0003] 同一款軟件的用戶界面設(shè)計會在不同瀏覽器之間存在顯示的差異，如何準(zhǔn)確測試 不同瀏覽器之間的兼容性，一直是困擾測試人員的難題。目前對瀏覽器兼容性的測試，一般 依賴于測試人員的手工檢查和肉眼識別，普遍存在三個問題： 1. 測試界面比對元素易遺漏； 2. 測試比對效率低，并且過度依賴特定測試人員的素質(zhì)； 3. 測試準(zhǔn)確性不高，測試過程中的比對基準(zhǔn)不明確。
[0004] 同時隨著互聯(lián)網(wǎng)經(jīng)濟不斷發(fā)展，為緊跟市場腳步軟件系統(tǒng)的界面設(shè)計會經(jīng)常發(fā)生 修改，這對于軟件系統(tǒng)界面的測試提出了更高的要求。
[0005]

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

[0006] 鑒于上述問題，本發(fā)明旨在提供一種能夠提高用戶界面的兼容性測試效率和準(zhǔn)確 性的瀏覽器兼容性測試分析方法及瀏覽器兼容性測試分析系統(tǒng)。
[0007] 本發(fā)明的瀏覽器兼容性測試分析方法，其特征在于，包括下述步驟： 待測系統(tǒng)顯示步驟，以相同的顯示方式在不同的瀏覽器上，使得顯示待測試的軟件系 統(tǒng)的交互界面并且對每個交互界面的顯示保存截圖； 圖片編碼索引表建立步驟，對保存的截圖進行圖片預(yù)處理以提取多緯度的特征值，根 據(jù)提取的多維度的特征值，對每張截圖建立圖片編碼索引表； 圖片比對步驟，根據(jù)所述圖片編碼索引表對各交互界面在不同瀏覽器上的顯示結(jié)果進 行批量比對并生成比對結(jié)果；以及 測試報告生成步驟，根據(jù)比對結(jié)果生成測試報告。
[0008] 優(yōu)選地，在所述待測系統(tǒng)顯示步驟中，所述以相同的顯示方式在不同的瀏覽器上 是指，選擇尺寸和分辨率相同的多個顯示器并安裝不同的瀏覽器或者在一臺顯示器上安裝 不同的瀏覽器，同時剔除瀏覽器的第三方插件。
[0009] 優(yōu)選地，在所述圖片編碼索引表建立步驟中，對保存的截圖進行圖片預(yù)處理，以提 取顏色特征值、紋理特征值、空間關(guān)系特征值，并且根據(jù)這三個特征值對每張截圖建立圖片 編碼索引表。
[0010] 優(yōu)選地，所述圖片編碼索引表建立步驟包括下述子步驟： 顏色特征提取步驟，對保存的截圖進行圖片預(yù)處理以提取表示顏色分布的顏色矩； 紋理特征提取步驟，對保存的截圖中包含多個像素點進行統(tǒng)計計算，以獲取表述圖像 的表面性質(zhì)的紋理特征；以及 空間關(guān)系特征提取步驟，對保存的截圖中的多個目標(biāo)之間的相互的空間位置或相對方 向關(guān)系進行計算得到空間關(guān)系特征。
[0011] 優(yōu)選地，所述顏色矩包括下述特征：一階矩、二階矩、三階矩， 所述紋理特征包括下述特征：紋理粗細度、方向性， 所述空間關(guān)系特征包括下述特征：連接關(guān)系、鄰接關(guān)系、交疊關(guān)系、重疊關(guān)系、包含關(guān) 系、包容關(guān)系。
[0012] 優(yōu)選地，在所述圖片比對步驟中，以規(guī)定的瀏覽器為比對基準(zhǔn)，按照圖片編號查找 圖片編碼索引表，對各交互界面在不同瀏覽器上的顯示結(jié)果進行批量比對并生成比對結(jié) 果。
[0013] 優(yōu)選地，在所述圖片比對步驟中，能夠以根據(jù)需要摒棄上述項目中的規(guī)定項目的 方式進行批量比對并生成比對結(jié)果。
[0014] 優(yōu)選地，在所述圖片比對步驟中，進行圖片特征索引位匹配。
[0015] 優(yōu)選地，所述圖片特征索引位匹配包括下述子步驟： 對于兩個瀏覽器的某個特征值，讀取預(yù)先設(shè)定的規(guī)定數(shù)值范圍； 判斷兩個瀏覽器的某個特征值之差是否在該預(yù)設(shè)的規(guī)定數(shù)值范圍內(nèi)； 如果在該規(guī)定范圍內(nèi)，則判斷為兩個瀏覽器的該特征值為相同，否則，判斷為兩個瀏覽 器的該特征值為不相同。
[0016] 本發(fā)明的瀏覽器兼容性測試分析系統(tǒng)，其特征在于，包括： 顯示方式相同的不同的瀏覽器，用于顯示待測試的軟件系統(tǒng)的交互界面并且對每個交 互界面的顯示保存截圖； 圖片編碼索引表建立模塊，對保存的截圖進行圖片預(yù)處理以提取多緯度的特征值，根 據(jù)提取的多維度的特征值，對每張截圖建立圖片編碼索引表； 圖片比對模塊，根據(jù)所述圖片編碼索引表對各交互界面在不同瀏覽器上的顯示結(jié)果進 行批量比對并生成比對結(jié)果；以及 測試報告生成模塊，根據(jù)比對結(jié)果生成測試報告。
[0017] 優(yōu)選地，所述顯示方式相同的不同的瀏覽器是指，選擇尺寸和分辨率相同的多個 顯示器并安裝不同的瀏覽器或者在一臺顯示器上安裝不同的瀏覽器，同時剔除瀏覽器的第 三方插件。
[0018] 根據(jù)本發(fā)明的瀏覽器兼容性測試分析方法及瀏覽器兼容性測試分析系統(tǒng)，能夠?qū)?待測軟件系統(tǒng)在不同瀏覽器上的顯示結(jié)果進行批量自動分析比對，并能夠通過配置文件靈 活控制比對的信息位圖摒棄不敏感的比對信息，比對完成后將比對結(jié)果自動生成測試報 告。因此，利用本發(fā)明，能夠提高瀏覽器兼容性測試的效率和準(zhǔn)確性。
[0019]
【附圖說明】
[0020] 圖1是本發(fā)明的瀏覽器兼容性測試分析方法的流程示意圖。
[0021] 圖2是表示本發(fā)明的瀏覽器兼容性測試分析方法中圖片編碼索引表建立步驟的 具體流程圖。
[0022] 圖3是表示本發(fā)明的瀏覽器兼容性測試分析方法中基于圖片編碼索引表進行比 對的流程圖。
[0023]
【具體實施方式】
[0024] 下面介紹的是本發(fā)明的多個實施例中的一些，旨在提供對本發(fā)明的基本了解。并 不旨在確認(rèn)本發(fā)明的關(guān)鍵或決定性的要素或限定所要保護的范圍。
[0025] 在本發(fā)明的主要技術(shù)方案是，首先將待測軟件系統(tǒng)的交互界面設(shè)計中所有存在的 界面在不同的瀏覽器上進行顯示，顯示前保證瀏覽器的分辨率和尺寸大小一致，并剔除瀏 覽器第三方插件，降低對測試結(jié)果的影響。然后，對每種瀏覽器顯示的圖片截圖后保持分 析，提取圖片的特征值，建立特征值索引表。接著，以指定的瀏覽器顯示結(jié)果為比對基準(zhǔn)分 別對其余瀏覽器的顯示結(jié)果進行批量比對并生成測試報告，在比對的過程中允許通過配置 文件達到差異域的閥值控制，達到相似度的比對預(yù)期。
[0026] 下面首先對于本發(fā)明的瀏覽器兼容性測試分析方法進行說明。
[0027] 圖1是本發(fā)明的瀏覽器兼容性測試分析方法的流程圖示意圖。
[0028] 如圖1所示，本發(fā)明的瀏覽器兼容性測試分析方法主要包括下述步驟： 待測系統(tǒng)顯示步驟：選擇尺寸和分辨率相同的N個顯示器(在圖1中示為瀏覽器1、瀏 覽器2、瀏覽器3、瀏覽器N)并且安裝不同的瀏覽器，或者在同一臺顯示器上安裝不同的瀏 覽器。將待測的界面系統(tǒng)即待測試的軟件系統(tǒng)的交互界面輸入到