【51CTO.com快譯】在許多談及網(wǎng)站或Web應(yīng)用開發(fā)的場合，開發(fā)人員最為關(guān)心的莫過于跨瀏覽器的兼容性問題。如您所知，諸如：計劃、設(shè)計、測試等大多數(shù)工作都可以在網(wǎng)站的開發(fā)階段順利完成。但是跨瀏覽器兼容性問題則會持續(xù)到網(wǎng)站上線之后。例如：也許您已經(jīng)在Mozilla Firefox、Internet Explorer、以及Chrome上完成了網(wǎng)站測試，可是用戶偏偏使用Opera或Safari瀏覽器來訪問您的網(wǎng)站，并且遇到了頁面顯示問題。如果您未能及時解決、并改善用戶體驗，則可能會損失大量的用戶，乃至降低投資回報率。

跨瀏覽器兼容性的定義

所謂跨瀏覽器兼容性測試是指：在所有相關(guān)的瀏覽器、操作系統(tǒng)、以及各類設(shè)備上，驗證Web應(yīng)用程序、或目標(biāo)網(wǎng)站的基本特征，以確保它們能夠在每一種平臺上提供一致且良好的用戶體驗。其中，主要會涉及到如下指標(biāo)：

• 性能 –確保在所有平臺上都具有優(yōu)秀的Web性能。
• 代碼驗證 –確保JavaScript和CSS能夠在所有的瀏覽器中被正確驗證。
• 用戶界面 –檢查Web UI是否符合您的期望。
• 行為 –在整個網(wǎng)站上能夠提供一致性的用戶體驗，包括：導(dǎo)航、對話框、以及鏈接等。

也許您經(jīng)常會疑惑：到底如何才能在有限的時間內(nèi)完成所有瀏覽器、操作系統(tǒng)和設(shè)備類型的測試呢?逐個進行測試顯然是不實際的。我們需要通過研究，找出用戶最常使用那些具有代表性的瀏覽器和設(shè)備，然后以此為出發(fā)點，通過自動化的工具，簡化并加速測試的過程。在此，我們將向您介紹目前流行的、面向開發(fā)人員的七大瀏覽器兼容性測試工具。

1. LambdaTest(https://www.lambdatest.com/)

作為一款基于云的自動化跨瀏覽器測試平臺，LambdaTest提供了2000多種瀏覽器和操作系統(tǒng)的組合，以方便您測試自己的Web應(yīng)用程序。它可以讓您在基于云的selenium grid上執(zhí)行自動化的selenium腳本，并針對網(wǎng)頁進行各種實時的交互式測試。LambdaTest能夠提供自動化測試、實時測試、響應(yīng)式測試、屏幕截圖測試、以及可視化測試。如果您在測試Web應(yīng)用或網(wǎng)站時遇到任何技術(shù)問題，LambdaTest都能提供24x7的全天候支持?？梢哉f，它是最為常見的跨瀏覽器測試工具之一。

LambdaTest的特征

• 您可以通過LambdaTest Tunnel功能，來測試本地網(wǎng)頁和在私有托管環(huán)境中的顯示效果。
• 通過智能化的UI比較測試，您可以在各個階段環(huán)境中比較不同頁面的屏幕快照。
• 使用Screenshot API，為各種Web應(yīng)用測試生成自動化的截圖。
• 提供適用于Google Chrome和WordPress的擴展程序。
• 為各種錯誤跟蹤和項目管理工具(如Jira、Trello、GitHub等)提供集成。

LambdaTest的實時(live)測試計劃的起售價為每月15美元，而Web自動化+實時計劃的起售價則為每月59美元。此外，它還提供了一種終身免費的選項。

2. Browserstack(https://www.browserstack.com/)

作為瀏覽器測試市場上最古老的工具之一，Browserstack仍然被Microsoft、jQuery、Airbnb、以及Wikipedia等知名企業(yè)所延用著。它是一款基于Web的實時瀏覽器測試工具。Browserstack使用各種開發(fā)工具，來提供對于虛擬機的即時訪問。這使得開發(fā)人員能夠輕松地開展Web應(yīng)用相關(guān)測試，以及本地安全性測試。

Browserstack的特征

• 能夠在1500多種瀏覽器和操作系統(tǒng)的組合中，執(zhí)行響應(yīng)式測試，以及屏幕截圖測試。
• 能夠測試從800x600到2048x1536的顯示分辨率。
• 提供了6種操作系統(tǒng)、以及5種Windows不同版本的結(jié)合測試。
• 其地理位置測試功能，能夠模擬那些安全且專用IP位置。

Browserstack的定價計劃(https://www.browserstack.com/pricing)為：網(wǎng)絡(luò)版實時測試售價每月29美元;網(wǎng)絡(luò)版自動化測試則為每月99美元。

3. Browsershots(http://browsershots.org/)

作為一款開源的在線跨瀏覽器測試平臺，Browsershots主要致力于捕獲瀏覽器中的屏幕截圖。Browsershots背后的理念是：允許個人貢獻出自己的計算機處理能力。也就是說：作為一款基于隊列的工具，它能夠?qū)⒂脩粼诰W(wǎng)頁地址欄里輸入的URL，傳遞到不同地域的分布式計算機系統(tǒng)中進行測試。

Browsershots的特征

• 完全免費，但由廣告驅(qū)動，提供200多種瀏覽器版本，并能夠捕獲相應(yīng)的屏幕截圖。
• 支持多種瀏覽器，包括Arora、Opera、Safari、SeaMonkey等。
• 支持從640px到1600px的桌面分辨率。
• 可以修改顏色深度，禁用JavaScript，以及啟/禁Java和Flash。

由于Browsershots是開源的免費測試平臺，因此不存在任何定價方案。

4.Sauce Labs(https://saucelabs.com/)

Sauce Labs是一款基于云的跨瀏覽器測試平臺，能夠為企業(yè)和開源開發(fā)團隊提供服務(wù)。它能夠為800多種瀏覽器和移動設(shè)備，提供Web和移動應(yīng)用程序的手動及自動化測試。此外，它還能夠與JS Unit、Selenium、Appium等新技術(shù)相集成，提供更寬廣的測試范圍，以及更快速且更穩(wěn)定的測試服務(wù)。

Sauce Labs的特征

• 無需任何維護，也不需要在系統(tǒng)上安裝任何虛擬機。
• 提供對于實時斷點的訪問，以方便用戶手動控制系統(tǒng)，進而發(fā)現(xiàn)問題。
• 通過這款優(yōu)化過的云測試平臺，您可以開展跨瀏覽器式的并行測試。
• 它帶有屏幕截圖和視頻錄制功能，可為您快速跟蹤各種錯誤。
• 針對網(wǎng)絡(luò)調(diào)用和瀏覽器控制臺日志的擴展調(diào)試，可以讓您深入了解各種網(wǎng)絡(luò)請求和瀏覽器的相關(guān)性能。
• 提供先進的移動端測試。

Sauce Labs的訂購價格(https://saucelabs.com/pricing)為：每個并發(fā)會話的最低售價為19美元。當(dāng)然，它也提供了一種為期14天的免費試用計劃，用戶可以獲取2個并發(fā)會話、以及60分鐘的實時測試。

5.Browser Sandbox(https://turbo.net/browsers)

由turbo.net帶來的Browser Sandbox具有測試網(wǎng)絡(luò)瀏覽器方面的獨特方法。它是基于Web的容器平臺，能夠在任何Windows桌面系統(tǒng)上快速地運行那些基于桌面端、以及基于服務(wù)器端的應(yīng)用程序。

Browser Sandbox的特征

• 廣泛地支持多種瀏覽器，包括：Internet Explorer 6-11、Chrome、Opera、以及Safari等。
• 無需安裝，只需單擊即可快速運行。
• 能夠測試基于服務(wù)器的應(yīng)用程序與站點。

Browser Sandbox的定價計劃(https://turbo.net/pricing)為：起價每月9.95美元。當(dāng)然，它也提供了一種免費的方案，您可以運行10 GB大小的最新版應(yīng)用。

6. Browserling(https://www.browserling.com/)

Browserling是由Peteris Krumins和James Halliday于2010年推出的實時交互式跨瀏覽器測試工具。它旨在幾秒鐘內(nèi)測試完整個網(wǎng)站或Web應(yīng)用。如今，它正在被Teespring、NHS、Blekko、以及Coderwall等大公司所廣泛使用。您可以通過屏幕截圖的方式，捕獲瀏覽器中的網(wǎng)頁信息，并共享給他人。與前面的Browserstack類似，它可以讓您連接到遠程真實的計算機與瀏覽器上，開展各種“本地化”的測試工作。

Browserling的特征：

• 通過更改屏幕的分辨率和調(diào)整瀏覽器的尺寸，以測試目標(biāo)網(wǎng)站或Web應(yīng)用的響應(yīng)能力。
• 提供適用于Chrome、Firefox、Safari和Opera瀏覽器的擴展程序，以實現(xiàn)快速的跨瀏覽器測試。
• 支持多種操作系統(tǒng)，包括：Windows XP、Vista和8.1。
• 提供API和SSH隧道，以進行本地測試。

Browserling的定價計劃(https://www.browserling.com/#pricing)為：起售價每月19美元，其中包括了所有的費用。當(dāng)然，您也可以選擇每月29美元的團隊套餐。

7. CrossBrowser Testing(https://crossbrowsertesting.com/)

于2008年推出的CrossBrowser Testing也是一個基于云的測試平臺。您可以針對數(shù)十種瀏覽器和真實的設(shè)備開展Web應(yīng)用測試，并獲得即時的結(jié)果。通過它提供的本地安全隧道連接，您可以在公司內(nèi)部的防火墻后端對目標(biāo)站點展開測試。此外，借助Selenium的在線網(wǎng)格(online grid)，您也可以在真實的設(shè)備和瀏覽器上，運行各種Selenium和Appium類型的腳本。

CrossBrowser Testing的特征

• 帶有自動截屏功能，可讓您橫跨多個平臺生成屏幕截圖。
• 通過運行多個腳本，來開展并行測試，以減少整體構(gòu)建的時間。
• 可通過Screenshot API來一次性安排多個URL的屏幕截圖。
• 提供無代碼式記錄(codeless record)和重放功能。

CrossBrowser Testing的定價計劃(https://crossbrowsertesting.com/pricing)為：起售價每月29美元，其中包括多種手動測試，150分鐘的自動測試、以及2個并發(fā)測試量。當(dāng)然，自由職業(yè)者也可以選擇每月15美元起的獨立套餐。

總結(jié)

跨瀏覽器兼容性測試是Web應(yīng)用或網(wǎng)站開發(fā)中最為關(guān)鍵的一個環(huán)節(jié)。它可以確保用戶通過不同的瀏覽器和操作系統(tǒng)，流暢地訪問到您的網(wǎng)站。此外，它還可以確保您的網(wǎng)站能夠按預(yù)期運行。希望上述介紹的七種自動化跨瀏覽器兼容性測試工具，能夠給您繁重的測試提供幫助。

原文標(biāo)題：Top Seven Browser Compatibility Testing Tools For Developers in 2019，作者: Himanshu Seth

【51CTO譯稿，合作站點轉(zhuǎn)載請注明原文譯者和出處為51CTO.com】