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

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

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

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

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

上述各種元素都會(huì)影響到目標(biāo)網(wǎng)站在不同瀏覽器上的運(yùn)行效果。在下文中，我們將比較目前十大跨瀏覽器測(cè)試工具的各自?xún)?yōu)缺點(diǎn)。

1. LambdaTest

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

[[272421]]

LambdaTest能夠提供的功能包括：

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

2. Experitest

如果您對(duì)測(cè)試Web應(yīng)用的功能和性能感興趣的話(huà)，一定聽(tīng)說(shuō)過(guò)Experitest。它能夠?qū)Υ罅康臑g覽器和操作系統(tǒng)組合進(jìn)行持續(xù)的測(cè)試，以檢查您的應(yīng)用是否能夠按照預(yù)期運(yùn)行。同時(shí)，它允許您通過(guò)運(yùn)行Selenium和Appium等測(cè)試腳本，在1,000多種瀏覽器、操作系統(tǒng)和設(shè)備的組合中，自動(dòng)進(jìn)行跨瀏覽器的測(cè)試。雖然Experitest支持的種類(lèi)比LambdaTest要少一些，但是由于它提供的標(biāo)準(zhǔn)服務(wù)套餐為每個(gè)月9美元，這讓那些預(yù)算有限的人更趨向于選擇它。

Experitest附帶的功能包括：

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

3. Browserstack

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

[[272422]]

Browserstack能夠提供的功能包括：

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

4. Browserling

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

Browserling的主要功能包括：

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

5. SmartBear的CrossBrowser Testing

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

CrossBrowser Testing的基本功能包括：

• 提供了可擴(kuò)展的Selenium在線(xiàn)網(wǎng)格(online grid)，能夠在真實(shí)的設(shè)備和瀏覽器上運(yùn)行Selenium和Appium腳本
• 提供網(wǎng)頁(yè)版并行測(cè)試，進(jìn)而縮短了構(gòu)建的時(shí)間
• 使用可視化的UI測(cè)試功能，獲取目標(biāo)網(wǎng)頁(yè)的整頁(yè)截屏
• 提供無(wú)代碼記錄(codeless record)和重放功能
• 價(jià)格更低，可謂BrowserStack的替代品

6. Ranorex Studio

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

Ranorex Studio的特色：

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

7. Browsershots

Browsershots是廣為使用的跨瀏覽器測(cè)試平臺(tái)之一。它允許用戶(hù)在任何瀏覽器和操作系統(tǒng)中測(cè)試目標(biāo)網(wǎng)站。通過(guò)Browsershots，您可以定制不同的瀏覽器版本、操作系統(tǒng)類(lèi)型、界面顏色深度、屏幕分辨率、以及Flash的啟停等選項(xiàng)，來(lái)進(jìn)行全面測(cè)試。不過(guò)，此軟件有一個(gè)缺點(diǎn)：它需要花費(fèi)較長(zhǎng)的時(shí)間，來(lái)顯示那些針對(duì)多個(gè)瀏覽器的Web測(cè)試結(jié)果，有時(shí)甚至?xí)霈F(xiàn)超時(shí)。由于是一個(gè)開(kāi)源平臺(tái)，因此Browsershots并無(wú)訂閱費(fèi)用。

Browsershots的特點(diǎn)：

• 能夠提供測(cè)試網(wǎng)站、或Web應(yīng)用的簡(jiǎn)單流程
• 能夠根據(jù)配置，將目標(biāo)網(wǎng)站的URL傳遞到不同的分布式系統(tǒng)上
• 支持諸如Epiphany、SeaMonkey、Iceweasel、Rekonq等小眾瀏覽器
• 支持幾乎所有類(lèi)型的瀏覽器
• 能夠在61個(gè)瀏覽器和操作系統(tǒng)中進(jìn)行網(wǎng)站截圖
• 能夠?yàn)閱我坏臑g覽器提供快速的測(cè)試結(jié)果

8. Functionize

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

[[272423]]

Functionize的基本功能包括：

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

9. Sauce Labs

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

Sauce Labs的特點(diǎn)：

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

10. IETester

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

IETester的特點(diǎn)包括：

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

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

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