市面上有很多不同的瀏覽器，每種瀏覽器都有數(shù)百萬(wàn)用戶。因此，在構(gòu)建一個(gè)網(wǎng)站或 Web 應(yīng)用程序時(shí)，就需要測(cè)試它與不同瀏覽器的兼容性。最好、最方便的方法是使用跨瀏覽器檢查工具。

如果你正在尋找解決方案，可以看看下面這些可靠且全面的跨瀏覽器檢查工具。

這些工具提供了不同的功能，并滿足了檢查網(wǎng)站兼容性方面的需求。往下讀，你就會(huì)知道哪一個(gè)最適合你。

[[335695]]

BrowserShots

地址：http://browsershots.org

作為首批跨瀏覽器測(cè)試網(wǎng)站之一，支持多種瀏覽器，包括一些舊瀏覽器，如 Lynx、Konqueror 和 Seamonkey。

它會(huì)生成屏幕截圖，顯示你的網(wǎng)站在不同瀏覽器中的渲染表現(xiàn)，唯一的缺點(diǎn)是需要在線使用該工具。

Browser Sandbox

地址：https://turbo.net/browsers

它是一款可運(yùn)行在桌面和平板上的應(yīng)用程序，可以像運(yùn)行原生瀏覽器那樣運(yùn)行多種瀏覽器。

它支持的瀏覽器種類很多，包括舊版本的 IE、Canary 及開發(fā)版的 IE。

MultiBrowser

地址：https://www.multibrowser.com

一款桌面應(yīng)用程序，支持 IE7 到 IE11、Edge、Firefox 和 Chrome。你可以用它來(lái)測(cè)試網(wǎng)站的桌面版本和移動(dòng)版本，可以進(jìn)行手動(dòng)測(cè)試或自動(dòng)化測(cè)試。

LambdaTest

地址：https://www.lambdatest.com

一個(gè)在線服務(wù)，可用來(lái)進(jìn)行不同平臺(tái)的跨瀏覽器測(cè)試。例如，你可以測(cè)試網(wǎng)站在 Windows、Linux、macOS 上的不同瀏覽器(Firefox 或 Chrome)中的表現(xiàn)。

它還提供了一個(gè)集成調(diào)試工具、地理位置工具，可以用來(lái)測(cè)試本地站點(diǎn)。

Experitest Cross Browser Testing

地址：https://experitest.com/cross-browser-testing

這個(gè)工具可以用來(lái)測(cè)試網(wǎng)站在不同環(huán)境下的兼容性和性能。它還可以與其他服務(wù)集成起來(lái)，比如 Github、Gitlab、Jenkins、TravisCI 和 CircleCI 等，把網(wǎng)站的部署流程流水線化。

BrowserStack

地址：https://www.browserstack.com

跨瀏覽器測(cè)試領(lǐng)域響當(dāng)當(dāng)?shù)囊豢罟ぞ?，被一些大型開源項(xiàng)目采用，比如 jQuery 和 React.js。BrowserStack 列出了數(shù)百種瀏覽器、設(shè)備和測(cè)試策略，確保你的網(wǎng)站可以在盡可能多的環(huán)境中正常運(yùn)行。

SauceLabs

地址：https://saucelabs.com

SauceLabs 為各種規(guī)模的網(wǎng)站提供了完整的瀏覽器兼容性測(cè)試工具，不管是企業(yè)級(jí)的、中小型公司還是開源項(xiàng)目。

CrossBrowserTesting

地址：https://crossbrowsertesting.com

使用這個(gè)工具，可以不寫代碼進(jìn)行自動(dòng)化瀏覽器兼容性測(cè)試，可以測(cè)試線上或本地站點(diǎn)，還可以截取屏幕快照和視頻。

TestingBot

地址：https://testingbot.com

TestingBot 為網(wǎng)站和原生移動(dòng) App 提供了完整的測(cè)試策略，可以在真實(shí)的 iOS 或 Android 設(shè)備上運(yùn)行測(cè)試。

Browserling

地址：https://www.browserling.com

如果你想要在 IE 上進(jìn)行快速測(cè)試，BrowserLing 或許是個(gè)不錯(cuò)的選擇。

你可以用它進(jìn)行簡(jiǎn)單的交互式測(cè)試，支持一些舊瀏覽器，比如 IE 10、IE 11 和 Safari 4、Safari 5。

Comparium

地址：https://comparium.app

Comparium 提供了一個(gè)免費(fèi)的工具，可以截取不同環(huán)境下的屏幕快照，并進(jìn)行比對(duì)。

Puppeteer

地址：https://github.com/puppeteer/puppeteer

Puppeteer 是一個(gè) Node.js 模塊，提供了與 Chrome 和 Firefox 交互的 API。

你可以用它提供的 API 來(lái)截取屏幕快照、生成 PDF、進(jìn)行自動(dòng)化交互式測(cè)試(比如自動(dòng)填寫表單、鍵盤輸入)，整體上可以進(jìn)行自動(dòng)化網(wǎng)站測(cè)試。

Playwright

地址：https://github.com/microsoft/playwright

Playwright 是微軟設(shè)計(jì)的一個(gè)項(xiàng)目，用于執(zhí)行自動(dòng)化瀏覽器測(cè)試。它提供了一個(gè)簡(jiǎn)單的 API。除了可以模擬用戶交互，還可以攔截網(wǎng)絡(luò)請(qǐng)求、模擬移動(dòng)設(shè)備、支持地理位置數(shù)據(jù)和權(quán)限控制。

Playwright 支持基于 Chromium 的瀏覽器、Firefox 和 Webkit(比如 Safari)。

Nightwatch.js

地址：https://nightwatchjs.org

NightWatch.js 是一個(gè)用于進(jìn)行端到端側(cè)二十的 Node.js 模塊。它提供了簡(jiǎn)單易用的 API，可用它檢查某個(gè)元素是否包含了特定的文本或是否可見，甚至是可以用來(lái)測(cè)試 CSS 類、CSS ID 和屬性。

Cypress

地址：https://www.cypress.io

Cypress 是一個(gè)端到端測(cè)試套件，可用來(lái)測(cè)試和調(diào)試現(xiàn)代 Web 應(yīng)用程序。

它在執(zhí)行測(cè)試的同時(shí)還能記錄下每一個(gè)測(cè)試的狀態(tài)。你可以回溯每一個(gè)狀態(tài)，并比較狀態(tài)之間都發(fā)生了什么變化，這讓 Web 應(yīng)用程序的調(diào)試變得很直觀。

WebDriverIO

地址：https://webdriver.io

這是一款 Node.js 自動(dòng)化測(cè)試框架，支持很多 JavaScript 庫(kù)，比如 React.js、Vue 和 Angular。

因?yàn)樗腔?W3C WebDriver 和 Chrome DevTools 的，所以可以在本地運(yùn)行，也可以在云端運(yùn)行，就像 SauceLab、BrowserStack 和 TestingBot 那樣。

Selenium

地址：https://www.selenium.dev

Selenium 是一款瀏覽器自動(dòng)化測(cè)試工具。實(shí)際上，它并沒有提供現(xiàn)成的測(cè)試框架，但可以通過擴(kuò)展來(lái)實(shí)現(xiàn)。

很多測(cè)試框架、App 或服務(wù)，包括上述的一些工具都是基于 Selenium 的。