瀏覽器兼容性測試的一些小工具介紹

點擊上方軟體測試資源站關注，置頂公眾號

重要測試資料包，不容錯過

————

一、PC端瀏覽器兼容性測試工具Browser Sandbox

安利指數 ★★★★☆

你的電腦上有IE9/10/11/Chrome、FireFox、Safari、Opera嗎？你還在為找不到對應版本的瀏覽器來測試或者調試代碼而苦惱嗎？

Browser Sandbox 你值得擁有！

它是個Chrome插件

基於虛擬機技術，通過在瀏覽器下安裝插件的方式來運行不同瀏覽器模塊，可同時運行IE、Chrome、FireFox、Safari、Opera的多個版本

使用方法：

進入官網，點擊任何一個RUN按鈕，進行賬號註冊，登錄以後就可以下載安裝，安裝之後，alt+window打開；想用什麼瀏覽器就點run，選擇下載到桌面；下載完成後點擊就可以運行對應的瀏覽器。

使用中亦可進入個人設置主頁查看已下載的瀏覽器版本類型，進入多瀏覽器選擇選擇需要測試的瀏覽器類型和版本。

推薦理由:

解決以下困境：原本一台計算機的本地安裝支持的瀏覽器種類有限而且通常只能安裝一個版本的產品，有局限性；如果用一台專門的伺服器，通過配置本機沒有的瀏覽器、遠程來解決該局限性，在不測試時會造成資源閑置、浪費；如果通過vmware虛擬機配置多瀏覽器環境，測試時經常面臨卡頓局面。

可以測試指定的多種瀏覽器，而不用實際安裝它，只是裝個插件就可以了，方便、快捷、不卡。

小故事：

開發A：「你的電腦上有IE9嗎？」

測試B：「推薦你個瀏覽器兼容性測試工具Browser Sandbox」

開發A：「這種工具不靠譜吧，還是你遠程借我解個bug吧」

測試B（用Browser Sandbox打開「IE9」）：「嗯 你遠程吧」

開發A 通過遠程 愉快地使用「IE9」調試程序解bug

這個故事告訴我們 皮這一下很開心 不是啦 其實是想說 試一下吧 真的挺好用的

運行截圖：

二、線上響應式設計網站效果驗證工具網站

安利指數 ★★☆☆☆

在線移動手機頁面測試網ResponsInator：提供了iphone，android，ipad，kindle及其多種設備上的預覽效果。缺點是效果和真實的有些差距、提供的設備類型很有限。類似的還有Screenfly，可以選擇手機、平板、PC或者TV，也可以輸入自定義的大小、選擇屏幕幾寸等，但同樣設備展示效果有限

respondpx：能讓你自定義要顯示的尺寸長寬px值，可以測試網頁在不同尺寸的顯示器上所呈現的效果。功能簡單、但卻很方便實用。類似的還有responsive，但僅提供常用的解析度。

三、移動端瀏覽器兼容性測試

對於移動端的瀏覽器項目，我們測試時需要考慮哪些，網頁需要適配哪些東西？

測試點總結如下：

1、解析度、屏幕大小：

需和設計師、開發討論需要兼容的解析度和屏幕大小範圍；

需確認iphone4、iPhone X 這些比較特殊的機型是否需要兼容；

可以參考用戶統計數據來確認兼容範圍，比如友盟數據中的top10機型、主流解析度；

ps：

安卓常見的解析度：

2560 x 1440、1920 x 1080、1280 x 720、（新增2960x1440、2040x1080）

ios常見的機型對應的解析度：

4 4s 960640、

5 5c 5s se 1136640、

6 6s、

7 8 1334750、

6+ 6s+ 7+ 8+ 19201080、

新增iPhone X 2436×1125

2、瀏覽器類型：

（1）手機自帶的系統瀏覽器：oppo、vivo、華為、小米、safri

（2）主流瀏覽器應用：google、QQ、UC、火狐、獵豹、360

3、其他：

（1）從微信手機端、電腦端打開

（2）iPad等其他移動設備是否需要兼容

-The End-

mcfmcfmcf

(唯一聯繫方式)

加入微信群,交流更自然

﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！