七種優秀的瀏覽器兼容性測試工具

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

跨瀏覽器兼容性的定義

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

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

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

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

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

LambdaTest的特徵

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

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

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

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

Browserstack的特徵

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

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

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

作為一款開源的在線跨瀏覽器測試平臺，Browsershots主要致力於捕獲瀏覽器中的屏幕截圖。Browsershots背後的理念是：允許個人貢獻出自己的計算機處理能力。也就是說：作為一款基於隊列的工具，它能夠將用戶在網頁地址欄裡輸入的URL，傳遞到不同地域的分佈式計算機系統中進行測試。

Browsershots的特徵

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

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

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

Sauce Labs是一款基於雲的跨瀏覽器測試平臺，能夠為企業和開源開發團隊提供服務。它能夠為800多種瀏覽器和移動設備，提供Web和移動應用程序的手動及自動化測試。此外，它還能夠與JS Unit、Selenium、Appium等新技術相集成，提供更寬廣的測試範圍，以及更快速且更穩定的測試服務。

Sauce Labs的特徵

• 無需任何維護，也不需要在系統上安裝任何虛擬機。
• 提供對於實時斷點的訪問，以方便用戶手動控制系統，進而發現問題。
• 通過這款優化過的雲測試平臺，您可以開展跨瀏覽器式的並行測試。
• 它帶有屏幕截圖和視頻錄製功能，可為您快速跟蹤各種錯誤。
• 針對網絡調用和瀏覽器控制檯日誌的擴展調試，可以讓您深入瞭解各種網絡請求和瀏覽器的相關性能。
• 提供先進的移動端測試。

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

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

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

Browser Sandbox的特徵

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

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

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

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

Browserling的特徵：

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

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

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

於2008年推出的CrossBrowser Testing也是一個基於雲的測試平臺。您可以針對數十種瀏覽器和真實的設備開展Web應用測試，並獲得即時的結果。通過它提供的本地安全隧道連接，您可以在公司內部的防火牆後端對目標站點展開測試。此外，藉助Selenium的在線網格(online grid)，您也可以在真實的設備和瀏覽器上，運行各種Selenium和Appium類型的腳本。

CrossBrowser Testing的特徵

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

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

總結

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

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