模擬和測試其他瀏覽器

發行項
07/19/2024

若要確定您的網站適用於所有使用者，請在其他瀏覽器和裝置上測試您的網站。並非所有用戶都會使用您在開發時使用的瀏覽器和裝置。除了在 Microsoft Edge DevTools 中使用 裝置模擬 工具之外，我們鼓勵您查看其他瀏覽器所提供的模擬解決方案。

摘要

您可以執行數種不同層級的測試，以在不同的條件下測試您的網站：

瀏覽器模擬器 可協助您快速測試網站在不同的螢幕大小和解析度、觸控事件模擬，以及覆寫瀏覽器傳送的 User-Agent 字串時的外觀和行為。您可以從正在開發的瀏覽器使用瀏覽器模擬器。請參閱下面的瀏覽器模擬器。
裝置模擬器和模擬器 可讓您從開發電腦執行其他裝置，並測試您的網站，就像使用這些其他裝置一樣。請參閱下方的裝置模擬器和模擬器。
雲端式模擬器 可讓您跨不同平臺執行網站的自動化測試。請參閱下面的雲端模擬器和模擬器。

瀏覽器模擬器

瀏覽器模擬器非常適合用來測試網站在不同螢幕大小和解析度、啟用觸控事件時，或當 User-Agent 字串設定為另一個瀏覽器的 User-Agent 字串時的外觀和行為。

您可以從正在開發的瀏覽器使用瀏覽器模擬器。例如，在 Microsoft Edge 中，您可以使用 DevTools 中的 裝置模擬 工具，取得網站在不同裝置上的外觀和行為的近似值。如需如何在 Microsoft Edge DevTools 中使用 裝置模擬 工具的詳細資訊，請參閱在裝置模擬) (模擬行動裝置。

瀏覽器模擬器不會模擬 Web API 支援或 CSS 支援的差異。例如，Microsoft Edge 中的 裝置模擬 工具不會模擬您的網站可能使用的不同 Web API 或 CSS 功能在 Firefox 或 Safari 中的支援方式。若要確定所有專案都如預期般運作，請在實際裝置上執行的瀏覽器上測試您的網站。

以下是一些可用來在其他瀏覽器上測試網站的瀏覽器模擬器：

裝置模擬器和模擬器

裝置模擬器和模擬器會模擬整個裝置，而不只是模擬瀏覽器環境。每個模擬器都有助於測試需要與特定操作系統整合的層面，例如使用行動裝置鍵盤的表單輸入。

您可以在開發電腦上安裝裝置模擬器和模擬器，以便在您正在開發的相同電腦上繼續測試您的網站，同時模擬使用不同裝置的體驗。

Android 模擬器

目前，無法在Android模擬器上安裝 Microsoft Edge。不過，您可以使用 Android Browser、Chromium 內容殼層，以及適用於 Android 的 Firefox，本文稍後會加以說明。 Chromium 內容殼層會執行與 Microsoft Edge 相同的 Chromium 轉譯引擎，但沒有瀏覽器特定功能。

若要使用 Android 模擬器：

下載 Android Studio，以下載封裝為 Android SDK 一部分的 Android 模擬器。
依照建立和管理虛擬設備中的步驟來設定虛擬設備。
遵循在 Android模擬器上執行應用程式中的步驟來啟動模擬器。
模擬器開機之後，請選取 瀏覽器 圖示，然後在舊版 Android 的 Stock Browser 上測試您的網站。

在Android上 Chromium內容殼層

若要安裝適用於 Android 的 Chromium 內容殼層，請讓模擬器保持執行，並執行下列命令：

git clone https://github.com/PaulKinlan/chromium-android-installer.git
chmod u+x ./chromium-android-installer/*.sh
./chromium-android-installer/install-chromeandroid.sh

現在您可以使用 Chromium 內容殼層來測試您的網站。

Android 上的 Firefox

類似於 Chromium 內容殼層，您可以取得 APK 將 Firefox 安裝到模擬器上。

下載正確的.apk檔。

若要將檔案安裝到開啟的模擬器或已連線的 Android 裝置上，請執行下列命令：

adb install <path_to_APK>/fennec-XX.X.XX.android-arm.apk

iOS 模擬器

適用於 Mac OS X 的 iOS 模擬器隨附您從 App Store 安裝的 Xcode。

當您完成時，請透過 Apple Developer 檔案瞭解如何使用模擬器。

若要避免每次您想要使用 iOS 模擬器時都必須開啟 Xcode，請開啟 iOS 模擬器，以滑鼠右鍵按兩下您擴充座中的 iOS 模擬器圖示，然後選取 [ 保留在擴充座中]。現在您可以在需要時按兩下圖示。

虛擬機器

若要在其他作業系統上測試您的網站，您可以在開發裝置上執行虛擬機。例如， Hyper-V 是一種虛擬化工具，可讓您執行各種版本的 Windows 和 Linux。若要深入瞭解，請參閱 Windows 10 上的 Hyper-V 簡介。

如需其他虛擬機，請參閱在 MDN 執行測試的策略中的虛擬機。

雲端式模擬器和模擬器

雲端模擬器和模擬器是商業解決方案，可在不同的裝置和瀏覽器上測試您的網站，而不需要在您的開發計算機上安裝任何專案。當您無法存取實際裝置或無法使用本機模擬器時，它們會很有用。雲端式解決方案也適用於跨不同平臺自動化測試。

請參閱在 MDN 執行測試的策略中的模擬器。

另請參閱

回應式設計：

Android:

Android Studio
建立和管理虛擬設備 - 設定虛擬設備。
在 Android 模擬器上執行應用程式 - 啟動模擬器。
選擇要以您的語言下載的 Firefox Browser：Firefox Android Beta - 下載正確的.apk檔案。

蘋果：

MDN：

在 MDN 執行測試的策略。
- 模擬
- 虛擬機

注意事項

此頁面的部分是根據Google所建立和共用的工作進行修改，並根據 Creative Commons Attribution 4.0 國際授權中所述的條款使用。原始頁面可在這裡找到，並由 Meggin Kearney 和 Paul Bakaus 撰寫。

此工作是根據 Creative Commons Attribution 4.0 International License 授權。

共用方式為