? ? 在平時測驗程序中，會經常聽到兼容性測驗等，今天就來整理一下，詳細如下，
1.兼容性測驗概述
1.1 兼容性測驗定義
? ? 兼容性測驗是指驗證被測系統在不同的硬體平臺、不同的應用軟體之間、不同的作業系統、不同的網路環境中能否正常運行，有無例外的一種測驗程序，
1.2 兼容性測驗分類
? ? 兼容性測驗主要分為以下幾類：
- 1、瀏覽器測驗
? ? 檢查被測驗系統在不同瀏覽器中的WEB頁面樣式、展示效果和互動是否正常等，主流瀏覽器有Chrome、Edge、Firefox和Safari等，
因為不同的瀏覽器使用的內核和所支持的HTML等有所不同，因此會出現在一種瀏覽器中正常，另一種瀏覽器不正常的情況出現，
- 2.解析度測驗
? ? 驗證被測驗系統在不同分辨下能否正常顯示，常見的解析度有2560*1440、1920*1080、1440*900等，
- 3.作業系統
? ? 作業系統又可以分為面向桌面作業系統、面向服務器作業系統、面向于移動端作業系統等，
桌面作業系統主要為Windows、Mac、Ubuntu等
服務器作業系統主要為Windwos Server、CentOS等
移動端作業系統主要為Android、iOS、HarmonyOS等
- 4.硬體平臺
? ? 常見的硬體平臺可以分為PC/服務器、手機、Pad
1.3 兼容性測驗方法
? ? 兼容性測驗常用測驗方法如下所示：
- 手工測驗
? ? 通過人工測驗被測系統在不同瀏覽器和作業系統上的主流程和界面等是否能正常運行和顯示，
- 借助于第三方工具或平臺
? ? 借助于第三方工具或平臺來進行對被測驗系統進行兼容性驗證，
1.4 瀏覽器兼容性
1.4.1 測驗點
? ? 若要對一個被測驗進行全方位的兼容性測驗，作業量還是挺大的，我們以常見的瀏覽器兼容性做為切入點，其測驗功能點主要如下所示：
1、界面
- 1.在不同的瀏覽器中運行，其展示的頁面要保持一致
- 2.在不同瀏覽器中，字體是否有錯位、重疊、顯示是否完整等
- 3.在不同瀏覽器中，表單是否有例外拉伸和縮進
- 4.圖片是否顯示在指定位置
注意事項：有些系統在不同的瀏覽器中運行，界面不一樣，但實作了同樣的功能，也是可以的，因為不同瀏覽器所使用的渲染引擎不一樣導致，
2、控制元件
- 1.在不同的瀏覽器中，所使用的控制元件都能正常運行
- 2.在不同的瀏覽器中，各表單上按鈕、輸入框等功能都能正常點擊和輸入
3、圖片
- 1.在不同瀏覽器中，圖片大小是否相同
- 2.在不同瀏覽器中，圖片質量是否一致、有無拉伸和伸縮
4、影片/視頻
- 在不同瀏覽器中，各類影片和視頻均可以正常播放等
5、回應時間
- 在不同瀏覽器中，每個功能選項，回應時間相差不會太大，否則則是缺陷
6、鏈接
- 在不同的瀏覽器中，各類鏈接能正常打開且能正常跳轉到正確的鏈接地址
7、解析度
- 在不同的瀏覽器中，在不同解析度下，頁面能正常顯示和進行互動
1.4.2 注意事項
? ? 主要注意事項如下所示：
1.向前兼容和向后兼容：
? ? 一般來講，被測驗系統能實作向前兼容，但不要求向后兼容，即新版本的系統可以正常讀取、加載舊系統，并能正常的互動操作等，
2.異構資料庫兼容：
? ? 被測驗系統需要考慮對不同的資料庫平臺的支持能力，系統是否可以直接連接，若不能，需要提供相應的兼容性轉換工具等，
2. 瀏覽器解析度測驗
? ? 瀏覽器解析度測驗是非常常見的一種兼容性測驗，今天我就以Google Chrome 為例，來匯總整理一下其手動測驗常用的工具，如下所示：
2.1 Chrome自帶兼容性工具
? ? 這里主要是Chrome自帶的除錯工具為例，操作步驟如下所示：
- 1.F12打開除錯模式–>Settings->Devices
- 2.添加模擬器，如下所示：
以上紅色框中內容為必填填
? ? 主要引數如下所示：
- Device Name:設備名，可隨意填寫
- Width:設備的寬
- Height:設備的高
- Device pixel ratio:設備像素比，設備上物理像素和設備獨立像素比例，其計算方式如下所示：
devicePixelRatio = 螢屏物理像素/設備獨立像素
? ? 一個標準像素是160ppi，假設需要模擬設備為1920*1080手機端，則寬和高的計算結果如下所示：
- 解析度：1920*1080
- 像素密度：400
- 設備像素比：400/160=2.5
- 設備獨立像素-高=1080/2.5=432
- 設備獨立像素-寬=1920/2.5=768
- User agent String:用戶代理，獲取方法如下所示：
在瀏覽器地址欄中輸入javascript:alert(navigator.userAgent)，再復制過來即可
-
最后是指設備型別，有Mobile/Mobile(no touch)/Desktop/Desktop(touch)根據實際情況選擇，
-
3.添加完成，勾選添加的自定義設備
-
4.在頁面選擇添加的自定義設備即可
2.2 第三方工具
2.2.1 Resolution Test
? ? Resolution Test是一款為Chrome制作的調整視窗大小的工具插件，通過選擇不同解析度來打開相應大小的視窗，
- 1.安裝步驟
? ? 在Chrome網上應用店搜索Resolution Test安裝即可
- 2.使用方法
? ? 打開Resolution Test視窗，選擇對應的解析度，再點擊View all selected即可，如下所示：
2.2.2 Window Resizer
? ? Window Resizer也是一款為Chome制作的調整視窗大小的工具插件，從而讓瀏覽器能適應不同大小的解析度，
- 1.安裝步驟
? ? 在Chrome網上應用店搜索Window Resizer安裝即可
- 2.使用方法
? ? 打開Window Resizer插件，選擇對應的解析度，點擊即可，如下所示：
原文地址：https://www.jianshu.com/p/f2a681979256
本文同步在微信訂閱號上發布，如各位小伙伴們喜歡我的文章，也可以關注我的微信訂閱號：woaitest，或掃描下面的二維碼添加關注：
作者： Surpassme
來源： http://www.jianshu.com/u/28161b7c9995/
http://www.cnblogs.com/surpassme/
宣告：本文著作權歸作者所有，歡迎轉載，但未經作者同意必須保留此段宣告，且在文章頁面明顯位置給出 原文鏈接 ，否則保留追究法律責任的權利，如有問題，可發送郵件 聯系，讓我們尊重原創者著作權，共同營造良好的IT朋友圈，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/515050.html
標籤：其他
下一篇：初識C語言