幾款瀏覽器相容性測試工具

yaya_1q2w發表於2018-03-05

640?wx_fmt=gif&wxfrom=5&wx_lazy=1IETester

這是我最先用的測試瀏覽器相容性的工具,想必也是大家用的最多的一個,IETester是一個免費的Web瀏覽器除錯工具,可以模擬出不同的js引擎來幫助程式設計師設計效果統一的程式碼。IETester可以在獨立的標籤頁中開啟IE5.5、IE6、IE7,IE8 beta2這4個不同版本的IE。可以方便的解決IE瀏覽器的相容問題。

640?wx_fmt=png&wxfrom=5&wx_lazy=1

下載地址:http://www.my-debugbar.com/ietester/install-ietester-v0.4.2.exe

官網網站:http://www.my-debugbar.com/wiki/IETester/HomePage

640?wx_fmt=gif&wxfrom=5&wx_lazy=1SuperPreview

最先知道SuperPreview是在微軟WebCast的技術創新日的課程上,在SuperPreview中,你可以同時瀏覽網頁在各個版本的IE中的效果。根據微軟的介紹,SuperPreview的可用IE版本視系統已安裝IE瀏覽器的版本而定,如果系統安裝了IE8,那SuperPreview瀏覽器測試可用版本就包括IE8、IE7和IE6;如果系統安裝了IE7,那SuperPreview只包括IE7和IE6;如果系統安裝了IE6,那SuperPreview只能測試IE6。

 640?wx_fmt=jpeg&wxfrom=5&wx_lazy=1

 不過,Microsoft Expression Web 3向所有瀏覽器敞開了大門,這裡有篇不錯的文章。大家可以瞭解下。

下載地址:http://download.microsoft.com/download/5/6/8/568F0D28-0434-4794-B7FC-FB293BCC98FB/SuperPreviewIE_en.exe

 640?wx_fmt=gifAdobe Browserlab

Adobe Browserlab是Adobe出品的線上測試工具,基於flash開發。支援FF,IE等多種瀏覽器,使用之前首先需要註冊。

640?wx_fmt=jpeg

圖中則是FF和Safari的測試。

使用地址:https://browserlab.adobe.com/index.html

640?wx_fmt=gifBrowsershots

還是一個線上測試工具,支援很多瀏覽器。

640?wx_fmt=jpeg 

輸入www.cnblogs.com測試一下:

640?wx_fmt=jpeg 

相對前幾個測試工具,個人感覺這個顯得稍微遜色了一些。
640?wx_fmt=gif&wxfrom=5&wx_lazy=1Spoon Browser Sandbox

點選你需要測試的瀏覽器環境,安裝外掛就可以進行測試了。幫助你測試網頁在Safari、Chrome、Firefox和Opera瀏覽器中是否正常,IE以前也有的,網站上說應微軟的要求去掉了。

spoon browser sandbox

簡介:

  • Browser Sandbox是個外掛,可以安裝在Chrome下
  • 功能:實現在一臺機上測試IE、Chrome、FireFox、Safari、Opera所有版本的相容性
  • 工作原理:基於虛擬機器技術,通過在瀏覽器下安裝外掛的方式來執行不同瀏覽器模組來進行測試
  • 測試場景:瀏覽器相容性測試
  • 使用方法:
    進入官網,點選任何一個RUN按鈕,進行賬號註冊,登入以後就可以下載安裝,安裝之後,alt+window開啟;想用什麼瀏覽器就點run,選擇下載到桌面;下載完成後點選就可以執行對應的瀏覽器。使用中亦可進入個人設定主頁檢視已下載的瀏覽器版本型別,進入多瀏覽器選擇選擇需要測試的瀏覽器型別和版本。

推薦理由:

  • 解決以下困境:原本一臺計算機的本地安裝支援的瀏覽器種類有限而且通常只能安裝一個版本的產品,有侷限性;如果用一臺專門的伺服器,通過配置本機沒有的瀏覽器、遠端來解決該侷限性,在不測試時會造成資源閒置、浪費;如果通過vmware虛擬機器配置多瀏覽器環境,測試時經常面臨卡頓局面。
  • 可以測試指定的多種瀏覽器,而不用實際安裝它,只是裝個外掛就可以了~

640?wx_fmt=gif&wxfrom=5&wx_lazy=1Multiple IEs

這款工具同樣用於測試網頁在IE瀏覽器各個版本的相容性。

640?wx_fmt=gif&wxfrom=5&wx_lazy=1IE netrenderer

Netrenderer 也是用於檢查你的網站在IE瀏覽器中的呈現情況,包括各個常用版本的檢測。

640?wx_fmt=gif&wxfrom=5&wx_lazy=1Viewlike.Us!

Viewlike 是一款新推出的工具,幫助你檢查瀏覽器在不同解析度下得呈現情況。


640?wx_fmt=gif&wxfrom=5&wx_lazy=1 BrowserSeal

這款工具的兩個主要特色是獨立的瀏覽器支援和帶有自動化指令碼的命令列介面。


640?wx_fmt=gif&wxfrom=5&wx_lazy=1 Browsera

Browsera 是一個可測試您的網站的跨瀏覽器佈局的工具,您會看到您網站上存在的相容性錯誤。


640?wx_fmt=gif&wxfrom=5&wx_lazy=1  WebDevLab

這款工具專門用於測試你的網站在蘋果Safari瀏覽器中是什麼樣子的。

640?wx_fmt=gif&wxfrom=5&wx_lazy=1  Litmus

這個工具可以幫助你檢查你的網站在多個瀏覽器中的呈現情況,跟蹤Bug並建立報告。


640?wx_fmt=gif&wxfrom=5&wx_lazy=1  Browsercam

最後這款工具是要付費的,可以幫助你檢查 Javascript 和 DHTML,提供不同的測試環境平臺。

640?wx_fmt=gif&wxfrom=5&wx_lazy=1 Browserling

Browserling是一款線上網站多瀏覽器測試工具,彙集了各大主流瀏覽器,幫助網頁設計師測試網站在不同瀏覽器下的相容性,以檢查網站的現實及相關功能是否正常。如果你沒有安裝這類軟體,那麼就用線上的工具來測試吧。

9款免費的跨瀏覽器測試工具 - 愛七七五八網 - 3

640?wx_fmt=gif&wxfrom=5&wx_lazy=1

 Litmus

Litmus 提供跨瀏覽器網頁測試,而且可以傳送到你電子郵件進行預覽。

只要填寫一個網址,它就會告訴你怎樣適應當下流行的Web瀏覽器。

圖片描述

Spoon 是一個很好的資源,它可以讓你實時使用最流行的瀏覽器測試你的網站,包括Opera,火狐,Chrome和Safari等。

不過IE瀏覽器是不允許的,因為微軟不提供許可。

圖片描述

640?wx_fmt=gif&wxfrom=5&wx_lazy=1

Sauce Labs

Sauce Labs 提供了一個相當獨特的跨瀏覽器測試體驗。

它並不是簡單地把你的網站在不同的瀏覽器進行截圖,而是室可以讓你記錄你網站的實時測試效果。

(<a href="http://www.dztcsd.com/">資質代辦</a>)

圖片描述

640?wx_fmt=gif&wxfrom=5&wx_lazy=1

 Ghostlab

Ghostlab提供同步測試滾動,點選,重新載入等,並形成資訊輸入到所有的連線裝置,這意味著你可以測試整個使用者體驗,而不僅僅是一個簡單的頁面。

圖片描述




相關文章