在 Microsoft Edge 中測試和自動化

有許多工具可讓您的 Microsoft Edge 測試自動化:

工具 描述
DevTools 通訊協定 檢測、檢查、偵錯和設定檔瀏覽器,包括 Microsoft Edge。
原始試用版 在一段有限的時間內試用即時網站上的實驗性 API。
劇作家 Play 並可透過單一 API 提供跨瀏覽器自動化。
木偶 Puppeteer 程式庫提供使用 DevTools 通訊協定來控制瀏覽器的高階 API,包括 Microsoft Edge。
WebDriver 模擬使用者互動,將 Microsoft Edge 中的測試自動化。 提供優於 JavaScript 單元測試的優點。
webhint 檢查程式碼中的最佳做法和常見錯誤,以測試和改善網站的協助工具、效能、跨瀏覽器和 PWA 相容性和安全性。

這些工具如下所述。

DevTools 通訊協定

使用 DevTools 通訊協定來檢測、檢查、偵錯和設定檔瀏覽器,包括 Microsoft Edge。 藉由在Chromium開放原始碼專案上建置 Microsoft Edge,Microsoft Edge DevTools 通訊協定會符合 Chrome DevTools 通訊協定的 API。 如需 Microsoft Edge 如何使用Chromium開放原始碼專案的詳細資訊,請參閱Microsoft Edge 和 Chromium開放原始碼:我們的意圖

請參閱 DevTools 通訊協定

原始試用版

您可以使用「原始試用」,在一段有限的時間內試用即時網站上的實驗性 API。 使用原始試用版時,造訪您網站的 Microsoft Edge 使用者可能會執行使用實驗性 API 的程式碼。 若要存取每部使用者電腦上的實驗性 API,您不需要移至 edge://flags 並開啟功能旗標。

若要查看可用的原點試用清單,並註冊您的原點以試用,請參閱 Microsoft Edge 原始試用版。 您也可以提供意見反應給瀏覽器工程師和 Web 標準社群,以瞭解 API 的設計、您的使用案例,或您使用 API 的經驗。

劇作家

Play 並可透過單一 API 提供跨瀏覽器自動化。 Play 要讓跨瀏覽器 Web 自動化能夠持續、支援、可靠且快速。

根據預設,Play要以無周邊方式啟動瀏覽器。 無周邊瀏覽器不會顯示 UI;因此一般而言,您會使用命令列 -不過,您也可以設定 Play 並執行完整的 Microsoft Edge UI。

請參閱 在 Microsoft Edge 中使用 Playplay 來自動化和測試

木偶

Puppeteer 程式庫提供高階 API,可使用 DevTools 通訊協定來控制Chromium型瀏覽器,包括 Microsoft Edge。

Puppeteer 預設會啟動無周邊瀏覽器。 無周邊瀏覽器不會顯示 UI,因此您必須使用命令列。 您也可以將 Puppeteer 設定為) Microsoft Edge 執行完整 (非無周邊。

透過 Microsoft Edge,您可以使用 puppeteer-core 輕量版本的 Puppeteer,以啟動現有的瀏覽器安裝,例如 Microsoft Edge。

請參閱 Puppeteer 概觀

WebDriver

WebDriver 可讓您模擬使用者互動,將 Microsoft Edge 自動化。 相較于在瀏覽器中執行的 JavaScript 單元測試,使用 WebDriver 的測試有一些優點:

  • 存取在瀏覽器中執行的 JavaScript 無法使用的功能和資訊。

  • 比起 JavaScript 單元測試,更精確地模擬使用者事件或 OS 層級事件。

  • 在單一測試會話中管理多個視窗、索引標籤和網頁。

  • 在特定電腦上執行多個 Microsoft Edge 會話。

請參閱 使用 WebDriver 將 Microsoft Edge 自動化

適用于 Visual Studio Code 的 webhint 擴充功能

使用 webhint,這是可自訂的 Linting 工具,可改善網站的協助工具、效能、跨瀏覽器相容性、PWA 相容性和安全性。 Webhint 擴充功能會檢查您的程式碼中的最佳做法和常見錯誤。

請參閱webhint 擴充功能以取得Visual Studio Code