【51CTO.com快譯】在實際使用中，我們往往會發(fā)現(xiàn)某些網(wǎng)站應用雖然能夠在Mozilla和Chrome中運行良好，但是在其他瀏覽器上卻總有一些違和感。也許就是因為某個網(wǎng)站的兼容性問題，導致您失去了一個又一個的訪客或潛在用戶。

傳統(tǒng)的處置方式是在計算機和移動設備上加載Web應用，在各種瀏覽器組合中對目標網(wǎng)站進行測試。不過，此舉會消耗大量的時間、資源、精力和成本。因此，我們需要采用自動化的測試工具來實現(xiàn)。

需要測試哪些環(huán)節(jié)?

在執(zhí)行跨瀏覽器測試的過程中，我們需要測試如下幾個方面：

• CSS驗證，HTML或XHTML驗證
• 通過啟用或禁用JavaScript來進行頁面驗證
• 多種屏幕分辨率下的頁面布局
• Ajax和jQuery功能
• 對字體大小、所有圖像和對齊效果進行驗證
• 頁眉和頁腳部分
• 頁面樣式和日期格式
• HTML字符編碼或特殊字符

上述各種元素都會影響到目標網(wǎng)站在不同瀏覽器上的運行效果。在下文中，我們將比較目前十大跨瀏覽器測試工具的各自優(yōu)缺點。

1. LambdaTest

LambdaTest是一個基于云的測試平臺，它可以免費提供超過2,000種瀏覽器、操作系統(tǒng)和設備組合的跨瀏覽器測試。LambdaTest的特點在于：它為Web應用提供了手動和自動兩種測試方式。因此，對于那些需要執(zhí)行實時跨瀏覽器測試、實時交互式測試、以及應用可視化測試的人來說，可以選擇手動;而對于需要自動化測試過程的個人而言，則可以在LambdaTest的可擴展云網(wǎng)格(cloud grid)上，運行自動化的Selenium腳本。在售價方面，LambdaTest提供一個每月15美元的標配“全家桶”方案。

[[272421]]

LambdaTest能夠提供的功能包括：

• 無限制的實時瀏覽器測試、自動化測試、響應測試和屏幕截圖測試
• 適合于那些首次使用跨瀏覽器的用戶
• 在所有瀏覽器組合中，生成網(wǎng)頁或應用的自動截屏
• 在多種屏幕分辨率上測試網(wǎng)頁的布局
• 可以被用作Chrome的擴展程序和WordPress的插件
• 與錯誤測試工具相集成，幫助您輕松地管理和跟蹤錯誤
• 通過Lambda Tunnel功能，來測試本地托管或私有托管的頁面
• LambdaTest專家團隊提供全天候的支持

2. Experitest

如果您對測試Web應用的功能和性能感興趣的話，一定聽說過Experitest。它能夠對大量的瀏覽器和操作系統(tǒng)組合進行持續(xù)的測試，以檢查您的應用是否能夠按照預期運行。同時，它允許您通過運行Selenium和Appium等測試腳本，在1,000多種瀏覽器、操作系統(tǒng)和設備的組合中，自動進行跨瀏覽器的測試。雖然Experitest支持的種類比LambdaTest要少一些，但是由于它提供的標準服務套餐為每個月9美元，這讓那些預算有限的人更趨向于選擇它。

Experitest附帶的功能包括：

• 能夠針對iOS、Android和桌面瀏覽器，運行Selenium和Appium測試
• 通過可擴展的、基于云網(wǎng)格的并行測試，來縮短測試的周期
• 通過詳細的報告(包括截屏、日志文件和視頻)，快速地檢測并修復錯誤
• 可以使用手動方法來調(diào)試代碼，并測試目標站點的功能

3. Browserstack

作為一個老牌的測試工具，Browserstack允許用戶在1500多種瀏覽器中，測試應用程序的瀏覽器兼容性。就像LambdaTest和Experitest一樣，Browserstack也是一個基于云端的平臺，因此您不需要在系統(tǒng)上進行任何安裝。此外，它還帶有預安裝的開發(fā)人員工具，方便用戶在測試時輕松地調(diào)試各種代碼。而在售價方面，Browserstack要比LambdaTest貴很多：其網(wǎng)絡測試版的起步價為每月29美元;其自動化測試版的售價則為每月99美元。

[[272422]]

Browserstack能夠提供的功能包括：

• 測試各種網(wǎng)絡應用、以及原生的移動應用
• 使用地理定位的測試功能，來模擬某個位置所對應的安全且私有的IP，以檢查Web應用在該國家/地區(qū)的執(zhí)行情況
• 設置全面的測試環(huán)境，以支持各種代理、活動目錄和防火墻
• 提供對于網(wǎng)頁的響應式截屏測試
• 使用localhost功能，來測試本地托管的網(wǎng)頁

4. Browserling

Browserling是最便宜的一種在線測試工具，它提供了在真實機器上運行的真實瀏覽器，用戶可以對Web應用和站點進行實時交互式的跨瀏覽器測試。Browserling具有出色的API支持、專有的服務器和出色的工具，可讓您通過交互式瀏覽，來比較不同的截屏，進而查明設計上的問題。除了在線測試之外，Browserling還支持通過SSL加密，來測試本地托管應用的安全性。因此，如果您不是過于關注自動化測試的話，這款工具就比較適合您。在價格方面，其開發(fā)者版本的起售價為每月19美元，比LambdaTest略貴一點。

Browserling的主要功能包括：

• 能夠捕獲測試過程的屏幕信息，并與團隊成員共享
• 測試在不同屏幕分辨率下的網(wǎng)頁響應速度
• 通過Chrome、Firefox、Opera和Safari的擴展插件，能夠輕松實現(xiàn)跨瀏覽器的測試
• 允許用戶為常用的測試配置添加“書簽”
• 為跨瀏覽器測試提供無限的測試分鐘(unlimited testing minutes)
• 提供具有有限測試會話的免費測試計劃

5. SmartBear的CrossBrowser Testing

SmartBear的CrossBrowser Testing是另一個基于云的平臺，它可以幫助用戶通過手動和自動的方法，來測試Web應用的在線瀏覽器、和設備兼容性等問題。通過類似BrowserStack的訂閱設置，您可以訪問移動端和桌面上的1,500多個遠程瀏覽器。與其他工具不同的是，它提供了對于瀏覽器擴展、Chrome開發(fā)工具、以及FireBug等開發(fā)人員工具的訪問，并能夠方便用戶調(diào)試前端的錯誤。CrossBrowser Testing工具針對自由職業(yè)者的定價為每月15美元。同時，它也為那些開源項目提供了免費的方案。

CrossBrowser Testing的基本功能包括：

• 提供了可擴展的Selenium在線網(wǎng)格(online grid)，能夠在真實的設備和瀏覽器上運行Selenium和Appium腳本
• 提供網(wǎng)頁版并行測試，進而縮短了構建的時間
• 使用可視化的UI測試功能，獲取目標網(wǎng)頁的整頁截屏
• 提供無代碼記錄(codeless record)和重放功能
• 價格更低，可謂BrowserStack的替代品

6. Ranorex Studio

與其他工具略有不同，Ranorex Studio不僅是一個跨瀏覽器的測試工具，而且還可以作為Web應用一體化的解決方案。用戶可以用它來針對HTML5、JavaScript網(wǎng)站、Java、Flash、Flex應用、以及Salesforce等技術與框架，開展自動化的測試。此外，它還支持shadow DOM、JxBrowser、跨域的iframe、以及混合桌面應用等元素。Ranorex Studio比較適合于識別那些具有動態(tài)ID的Web元素對象。它為所有用戶都提供了30天的免費試用期。

Ranorex Studio的特色：

• 能夠提供數(shù)據(jù)驅動、以及Web應用的關鍵字驅動測試
• 既能夠進行并行測試，又能夠在內(nèi)置有Selenium WebDriver支持的Selenium網(wǎng)格上進行分布式測試
• 通過有效的測試和維護量的減少，能夠共享對象存儲庫和可重用的代碼模塊
• 能夠錄制測試過程的視頻，進而分析測試中發(fā)生的情況
• 能夠與TestRail、Git、Travis、以及Jira等實用程序輕松地集成

7. Browsershots

Browsershots是廣為使用的跨瀏覽器測試平臺之一。它允許用戶在任何瀏覽器和操作系統(tǒng)中測試目標網(wǎng)站。通過Browsershots，您可以定制不同的瀏覽器版本、操作系統(tǒng)類型、界面顏色深度、屏幕分辨率、以及Flash的啟停等選項，來進行全面測試。不過，此軟件有一個缺點：它需要花費較長的時間，來顯示那些針對多個瀏覽器的Web測試結果，有時甚至會出現(xiàn)超時。由于是一個開源平臺，因此Browsershots并無訂閱費用。

Browsershots的特點：

• 能夠提供測試網(wǎng)站、或Web應用的簡單流程
• 能夠根據(jù)配置，將目標網(wǎng)站的URL傳遞到不同的分布式系統(tǒng)上
• 支持諸如Epiphany、SeaMonkey、Iceweasel、Rekonq等小眾瀏覽器
• 支持幾乎所有類型的瀏覽器
• 能夠在61個瀏覽器和操作系統(tǒng)中進行網(wǎng)站截圖
• 能夠為單一的瀏覽器提供快速的測試結果

8. Functionize

如果您不想自行創(chuàng)建用于橫跨多個瀏覽器與操作系統(tǒng)的Web測試腳本的話，那么Functionize便是您的理想選擇。不同于其他工具，F(xiàn)unctionize用到了人工智能，并使用NLP來創(chuàng)建測試。因此，您不必為不同的瀏覽器重新編寫測試代碼，只需要用簡單的英語來描述便可，這樣可以節(jié)省大量的時間。Functionize并未明確為其提供的服務標價，您可以使用其免費試用版來測試自己的Web應用。

[[272423]]

Functionize的基本功能包括：

• 在幾分鐘之內(nèi)，便可創(chuàng)建針對各種瀏覽器和操作系統(tǒng)的測試
• 允許對多種瀏覽器與操作系統(tǒng)組合，執(zhí)行并行的測試
• 提供代碼調(diào)試和可視化測試等一致性的功能
• 提供有關瀏覽器運行錯誤、以及特定瀏覽器異常代碼的詳細信息
• 能夠對復雜且密集的Web應用開展可視化的測試

9. Sauce Labs

作為基于云端的測試平臺，Sauce Labs擁有超過10年的自動化測試經(jīng)驗。它可以被用來測試Web應用、以及橫跨多種瀏覽器與設備的移動應用兼容性。Sauce Labs既不需要任何VM的設置便可運行測試用例，又能夠提供實時斷點的訪問，并允許用戶手動控制系統(tǒng)和檢查各種問題。Sauce Labs為用戶提供了可擴展的、且廣泛的測試覆蓋率，它可以加快軟件測試的生命周期，進而縮短了整體的構建時間。與大多數(shù)跨瀏覽器測試工具類似，Sauce Labs的訂閱計劃取決于待測設備的類型。例如，對于某個虛擬化平臺的費用就從每月19美元開始，之后按每月149美元收取自動化測試的費用。

Sauce Labs的特點：

• 無需設置硬件VPN，它使用SSH Sauce Connect來代理800多種瀏覽器，進而對本地托管的網(wǎng)頁開展測試
• 支持所有的Selenium測試框架
• 可以使用模擬器、以及真實的設備，來測試原生的移動應用
• 能夠通過Espresso、Appium和XCUITest等移動框架，來支持自動化類型的測試
• 按照用戶使用信息的執(zhí)行時序，來列出各種測試

10. IETester

如今，雖然Google Chrome和Firefox已經(jīng)非常普及，但是Internet Explorer仍有大量的全球用戶。因此開發(fā)人員在所有版本的IE上測試目標應用是非常重要的一個環(huán)節(jié)。IETester就是一款專注于測試IE不同版本(從IE 5.5到IE 11)的工具。由于開源，它對于個人和專業(yè)網(wǎng)站來說都是免費的。

IETester的特點包括：

• 能夠在所有版本的IE上測試Web應用或目標站點
• 支持8、7、Vista、XP等幾乎所有版本的Windows操作系統(tǒng)
• 可以在最新的IE版本上測試某個Web應用
• 不需要支付任何費用

原文標題：Comparing Top 10 Cross-Browser Testing Tools of 2019，作者：Arnab Roy

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