? ? 在平時(shí)測試過程中，會經(jīng)常聽到兼容性測試等，今天就來整理一下，詳細(xì)如下。
1.兼容性測試概述
1.1 兼容性測試定義
? ? 兼容性測試是指驗(yàn)證被測系統(tǒng)在不同的硬件平臺展鸡、不同的應(yīng)用軟件之間、不同的操作系統(tǒng)埃难、不同的網(wǎng)絡(luò)環(huán)境中能否正常運(yùn)行莹弊，有無異常的一種測試過程涤久。
1.2 兼容性測試分類
? ? 兼容性測試主要分為以下幾類：
- 1、瀏覽器測試
? ? 檢查被測試系統(tǒng)在不同瀏覽器中的WEB頁面樣式忍弛、展示效果和交互是否正常等响迂。主流瀏覽器有Chrome、Edge细疚、Firefox和Safari等蔗彤。
因?yàn)椴煌臑g覽器使用的內(nèi)核和所支持的HTML等有所不同，因此會出現(xiàn)在一種瀏覽器中正常疯兼，另一種瀏覽器不正常的情況出現(xiàn)然遏。
- 2.分辨率測試
? ? 驗(yàn)證被測試系統(tǒng)在不同分辨下能否正常顯示，常見的分辨率有2560*1440吧彪、1920*1080待侵、1440*900等。
- 3.操作系統(tǒng)
? ? 操作系統(tǒng)又可以分為面向桌面操作系統(tǒng)姨裸、面向服務(wù)器操作系統(tǒng)秧倾、面向于移動端操作系統(tǒng)等。
桌面操作系統(tǒng)主要為Windows傀缩、Mac那先、Ubuntu等
服務(wù)器操作系統(tǒng)主要為Windwos Server、CentOS等
移動端操作系統(tǒng)主要為Android赡艰、iOS售淡、HarmonyOS等
- 4.硬件平臺
? ? 常見的硬件平臺可以分為PC/服務(wù)器、手機(jī)瞄摊、Pad
1.3 兼容性測試方法
? ? 兼容性測試常用測試方法如下所示：
- 手工測試
? ? 通過人工測試被測系統(tǒng)在不同瀏覽器和操作系統(tǒng)上的主流程和界面等是否能正常運(yùn)行和顯示勋又。
- 借助于第三方工具或平臺
? ? 借助于第三方工具或平臺來進(jìn)行對被測試系統(tǒng)進(jìn)行兼容性驗(yàn)證苦掘。
1.4 瀏覽器兼容性
1.4.1 測試點(diǎn)
? ? 若要對一個(gè)被測試進(jìn)行全方位的兼容性測試换帜，工作量還是挺大的。我們以常見的瀏覽器兼容性做為切入點(diǎn)鹤啡，其測試功能點(diǎn)主要如下所示：
1惯驼、界面
- 1.在不同的瀏覽器中運(yùn)行，其展示的頁面要保持一致
- 2.在不同瀏覽器中递瑰，字體是否有錯(cuò)位祟牲、重疊、顯示是否完整等
- 3.在不同瀏覽器中抖部，窗體是否有異常拉伸和縮進(jìn)
- 4.圖片是否顯示在指定位置
注意事項(xiàng)：有些系統(tǒng)在不同的瀏覽器中運(yùn)行说贝，界面不一樣，但實(shí)現(xiàn)了同樣的功能慎颗，也是可以的乡恕。因?yàn)椴煌瑸g覽器所使用的渲染引擎不一樣導(dǎo)致言询。
2、控件
- 1.在不同的瀏覽器中傲宜，所使用的控件都能正常運(yùn)行
- 2.在不同的瀏覽器中运杭，各窗體上按鈕、輸入框等功能都能正常點(diǎn)擊和輸入
3函卒、圖片
- 1.在不同瀏覽器中辆憔，圖片大小是否相同
- 2.在不同瀏覽器中，圖片質(zhì)量是否一致报嵌、有無拉伸和伸縮
4虱咧、動畫/視頻
- 在不同瀏覽器中，各類動畫和視頻均可以正常播放等
5沪蓬、響應(yīng)時(shí)間
- 在不同瀏覽器中彤钟，每個(gè)功能選項(xiàng)，響應(yīng)時(shí)間相差不會太大跷叉，否則則是缺陷
6逸雹、鏈接
- 在不同的瀏覽器中，各類鏈接能正常打開且能正常跳轉(zhuǎn)到正確的鏈接地址
7云挟、分辨率
- 在不同的瀏覽器中梆砸，在不同分辨率下，頁面能正常顯示和進(jìn)行交互
1.4.2 注意事項(xiàng)
? ? 主要注意事項(xiàng)如下所示：
1.向前兼容和向后兼容：
? ? 一般來講园欣，被測試系統(tǒng)能實(shí)現(xiàn)向前兼容帖世，但不要求向后兼容。即新版本的系統(tǒng)可以正常讀取沸枯、加載舊系統(tǒng)日矫，并能正常的交互操作等。
2.異構(gòu)數(shù)據(jù)庫兼容：
? ? 被測試系統(tǒng)需要考慮對不同的數(shù)據(jù)庫平臺的支持能力绑榴。系統(tǒng)是否可以直接連接哪轿，若不能，需要提供相應(yīng)的兼容性轉(zhuǎn)換工具等翔怎。
2. 瀏覽器分辨率測試
? ? 瀏覽器分辨率測試是非常常見的一種兼容性測試窃诉。今天我就以Google Chrome 為例，來匯總整理一下其手動測試常用的工具赤套，如下所示：
2.1 Chrome自帶兼容性工具
? ? 這里主要是Chrome自帶的調(diào)試工具為例飘痛，操作步驟如下所示：
- 1.F12打開調(diào)試模式–>Settings->Devices
- 2.添加模擬器，如下所示：
以上紅色框中內(nèi)容為必填填
? ? 主要參數(shù)如下所示：
- Device Name:設(shè)備名容握，可隨意填寫
- Width:設(shè)備的寬
- Height:設(shè)備的高
- Device pixel ratio:設(shè)備像素比宣脉，設(shè)備上物理像素和設(shè)備獨(dú)立像素比例，其計(jì)算方式如下所示：
devicePixelRatio = 屏幕物理像素/設(shè)備獨(dú)立像素
? ? 一個(gè)標(biāo)準(zhǔn)像素是160ppi剔氏，假設(shè)需要模擬設(shè)備為1920*1080手機(jī)端塑猖，則寬和高的計(jì)算結(jié)果如下所示：
- 分辨率：1920*1080
- 像素密度：400
- 設(shè)備像素比：400/160=2.5
- 設(shè)備獨(dú)立像素-高=1080/2.5=432
- 設(shè)備獨(dú)立像素-寬=1920/2.5=768
- User agent String:用戶代理堪遂，獲取方法如下所示：
在瀏覽器地址欄中輸入javascript:alert(navigator.userAgent)，再復(fù)制過來即可
最后是指設(shè)備類型萌庆，有Mobile/Mobile(no touch)/Desktop/Desktop(touch)根據(jù)實(shí)際情況選擇溶褪。
3.添加完成，勾選添加的自定義設(shè)備
4.在頁面選擇添加的自定義設(shè)備即可
2.2 第三方工具
2.2.1 Resolution Test
? ? Resolution Test是一款為Chrome制作的調(diào)整窗口大小的工具插件践险，通過選擇不同分辨率來打開相應(yīng)大小的窗口猿妈。
- 1.安裝步驟
? ? 在Chrome網(wǎng)上應(yīng)用店搜索Resolution Test安裝即可
- 2.使用方法
? ? 打開Resolution Test窗口，選擇對應(yīng)的分辨率巍虫，再點(diǎn)擊View all selected即可彭则，如下所示：
2.2.2 Window Resizer
? ? Window Resizer也是一款為Chome制作的調(diào)整窗口大小的工具插件，從而讓瀏覽器能適應(yīng)不同大小的分辨率占遥。
- 1.安裝步驟
? ? 在Chrome網(wǎng)上應(yīng)用店搜索Window Resizer安裝即可
- 2.使用方法
? ? 打開Window Resizer插件俯抖，選擇對應(yīng)的分辨率，點(diǎn)擊即可瓦胎，如下所示：
