為什麼要關心最好的跨瀏覽器測試工具?跨瀏覽器測試是在將更改推向生產環境之前評估web應用程序在各種瀏覽器上的功能的過程。
對於希望使用相同瀏覽器的讀者屬於某個特定群體的網站，可以手動測試更改。然而，隨著移動設備和大量瀏覽器的日益流行，在批准更改之前，在各種設備-瀏覽器組合上測試應用程序可能是一個好主意。
在本文中，我們將介紹最好的跨瀏覽器測試工具。我們考慮了各個方面，如成本考慮和自動化整個過程的能力。
在開始測試之前……
如果您的站點有訪問者歷史記錄，您可以使用這些數據來決定測試哪些瀏覽器。另一種方法是根據瀏覽器的使用份額選擇瀏覽器。一旦您選定了測試應用程序的瀏覽器，您就需要精心設計測試，以便測試您的網站是否可以在所有瀏覽器中正常運行。
本文介紹了跨瀏覽器測試工具，一旦您選擇了瀏覽器並設計了測試，這些工具將幫助您執行測試。跨瀏覽器測試的結果是跨設備和瀏覽器的性能一致。
2019年最佳跨瀏覽器測試工具
Chrome Developer Tools
跨瀏覽器測試的基本形式可以通過Chrome開發工具來實現。這是一組與內置在谷歌Chrome用戶界面中的web開發人員相關的工具。使用這些工具，您可以在顯示的web頁面中操縱HTML DOM、CSS屬性和調試JavaScript代碼來查看更改——除了調整窗口大小以檢查頁面呈現如何隨著分辨率的變化而變化之外。
谷歌Chrome的跨瀏覽器測試工具
Chrome開發工具有潛力模擬一系列移動屏幕大小和方向，以測試你的網站佈局如何適應不斷變化的輸出參數。這可以幫助您快速查找和修復錯誤，並實時查看更改。
Chrome開發工具只允許在一種瀏覽器上進行測試，與基於Chrome的瀏覽器Brave非常相似。但是，它們可以作為一組很好的工具來測試處於初始階段的應用程序。任何通過Chrome開發工具進行的測試都只能是手工的，不支持CI/CD工具，因為沒有自動化的範圍。
Responsive Test by DesignModo
DesignModo的響應測試是一個基於web的跨瀏覽器測試工具。它是一個在瀏覽器中運行的模擬器。輸入一個網站，等待它加載在一個想要的視窗。一旦加載完畢，您可以更改要為網站模擬的設備，並檢查網站是否正確呈現。
由DesignModo進行響應性測試
雖然DesignModo工具顯示了不同的屏幕大小，但它仍然在您的機器上本地呈現。如果測試通過了這個工具，在實際設備上訪問它仍然會有問題。就像Chrome開發工具一樣，任何通過DesignModo工具進行的測試都只能是手工的，不支持自動化。
Selenium
這是一個免費的開源工具。Selenium是一種使用本地瀏覽器在本地運行web應用程序的軟件。您可以通過一系列編程語言運行Selenium測試。流行瀏覽器驅動程序的下載鏈接可以在這裡找到:Chrome、Edge、Firefox和Safari。
Selenium自動本地測試
當您運行Selenium測試時，驅動程序將打開一個測試窗口，其中執行一組預定義的步驟。您可以在Selenium中導航DOM元素、提交表單和等待事件。但是，當在本地運行時，測試將在測試過程中作為一個測試瀏覽器窗口依次運行。
流行的CI/CD工具，如Jenkins和Travis CI都支持Selenium測試。您還可以在單元測試模塊中包含Selenium測試。Selenium也是雲中的一個流行選擇，它為BrowserStack和LambdaTest等跨瀏覽器測試工具形成了雲解決方案的基礎。
BrowserStack
BrowserStack是一個工具，可以讓您立即訪問超過2000個真正的桌面和移動設備。使用BrowserStack，您可以通過雲的強大功能在實際設備上的瀏覽器上測試應用程序。其服務可以分為兩種跨瀏覽器測試工具場景:
- live，你可以在你選擇的瀏覽器-設備組合上實時測試一個網站
- 自動化，它使您能夠通過Selenium自動化跨瀏覽器測試
BrowserStack測試結果
實時測試選項幫助您實時調試您的網站。因此，它使您能夠與運行在真實設備上的瀏覽器進行交互。Live非常適合在項目的初始階段或引入新特性時進行手工測試。
當您定義了想要包含在您的套件中的標準測試時，自動化是有用的。自動化通過雲計算的Selenium遠程版本工作。它支持主要的CI/CD工具，如Jenkins和Travis CI。
在註冊BrowserStack之後，您將獲得100分鐘的免費測試，之後您必須選擇付費計劃。每月29美元起。最近，BrowserStack推出了一種基於你使用的分鐘數的支付計劃。
LambdaTest
LambdaTest是雲中的另一個跨瀏覽器測試工具，它允許您實時執行測試，或者通過雲中的Selenium自動執行測試。對於實際測試，您可以選擇device + browser組合。然後，該工具將啟動一個會話，您可以在其中與瀏覽器實時交互。您可以測試超過2,000個實際設備。
LambdaTest的結果
LambdaTest支持各種CI/CD工具，使您能夠將跨瀏覽器測試與現有的測試框架集成在一起。Selenium網格還允許您運行併發測試。
LambdaTest為一個並行測試提供了一個終身免費的選項，因此在剛開始時它是一個不錯的選擇。每月15美元起，物有所值。LambdaTest有一個WordPress插件，你可以從WordPress內部自動生成截圖，這使得它成為WordPress的一個很好的開發工具。
SmartBear
SmartBear提供了一個跨瀏覽器測試工具，允許您在實際設備上運行的瀏覽器上測試站點，也可以通過Selenium remote自動測試站點。這個跨瀏覽器測試工具有超過1500個設備可供您運行測試。
該工具的功能可以與LambdaTest和BrowserStack的功能相媲美。但是，兩種備選方案的設備數量都比較多，這在選擇一種備選方案時可能很重要。
SmartBear沒有免費的層，只有通過特殊邀請才能免費試用。付費計劃從每月29美元起。
最佳跨瀏覽器測試工具的評選結果
在本文中，我們介紹了6種最好的跨瀏覽器測試工具。這些工具是根據不同程度的技能、功能和預算選擇的。總結研究結果:
- 如果你正在做一個新項目，試試Chrome開發工具或者DesignModo的響應測試。
- 如果您想自動化您的測試，一個免費的本地跨瀏覽器測試工具是Selenium。
- 如果你是在一個預算,但想體驗跨瀏覽器測試工具在實際設備,我們嘗試LambdaTest贏家!
- 如果你有資金進行跨瀏覽器測試，可以試試BrowserStack或SmartBear。
基於此，是時候對2019年市場上最好的跨瀏覽器測試工具進行比較了。我們希望這有助於您自動化跨瀏覽器測試工作。
你最喜歡哪種工具?請在下面的評論中告訴我們。
閱讀更多 瘋狂的程序猿 的文章
