模拟和测试其他浏览器

项目
04/04/2023

你的工作不会以确保站点在 Microsoft Edge 和 Android 之间正常运行而告终。即使设备仿真工具可以模拟一系列其他设备（如智能手机），我们也鼓励你查看其他浏览器提供的仿真解决方案。

摘要

如果没有特定设备，或者想要对某些设备执行抽查，最佳选择是在浏览器中直接模拟设备。
借助设备模拟器和模拟器，可以从工作站在一系列设备上模拟开发站点。
基于云的仿真器使你能够跨不同平台自动执行站点的单元测试。

浏览器模拟器

浏览器模拟器非常适合测试站点的响应能力。但浏览器模拟器不会模拟 API、CSS 支持和某些仅在实际设备上的移动浏览器上显示的行为的差异。在实际设备上运行的浏览器上测试站点，以确保一切按预期运行。

Firefox 响应式设计视图

Firefox 具有响应式设计视图，可鼓励你停止思考特定设备，而是通过拖动窗口边缘来探索设计在常见屏幕大小或自己的屏幕大小上的变化。

EdgeHTML 仿真

若要模拟 Windows Phone，请使用 Microsoft Edge (EdgeHTML) 内置仿真。

使用 IE 11 仿真模拟页面在旧版 Internet Explorer 中的外观。

设备模拟器和模拟器

设备模拟器和模拟器不仅模拟浏览器环境，还模拟整个设备。每个模拟器都可用于测试需要 OS 集成的内容，例如使用虚拟键盘的表单输入。

Android 仿真器

目前，无法将 Microsoft Edge 安装在 Android 仿真器上。但是，可以使用 Android 浏览器、Chromium Content Shell 和 Firefox for Android，本文稍后将对此进行介绍。 Chromium Content Shell 运行的Chromium呈现引擎与 Microsoft Edge 相同，但没有特定于浏览器的功能。

Android 模拟器附带 Android SDK，需要将其下载为 Android Studio 的一部分。然后按照说明设置虚拟设备并启动模拟器。启动模拟器后，选择“ 浏览器 ”图标，并在旧的适用于 Android 的 Stock Browser 上测试站点。

Android 上的Chromium内容 shell

若要安装适用于 Android 的 Chromium Content Shell，请保持仿真器运行并运行以下命令：

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

现在，可以使用 Chromium Content Shell 测试网站。

Android 上的 Firefox

与 Chromium Content Shell 类似，你可以获取 APK 以将 Firefox 安装到模拟器上。

下载正确的 .apk 文件。

若要将文件安装到打开的仿真器或连接的 Android 设备上，请运行以下命令：

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

iOS 模拟器

适用于 Mac OS X 的 iOS 模拟器附带 Xcode，可从App Store安装。

完成后，请通过 Apple 开发人员文档了解如何使用模拟器。

注意

若要避免每次要使用 iOS 模拟器时都不得不打开 Xcode，请将其打开，右键单击扩展坞中的 iOS 模拟器图标，然后选择“ 保留在扩展坞中”。现在只需在需要时单击图标即可。

Microsoft Edge (EdgeHTML)

如果需要使用 Microsoft 浏览器测试网站或应用，并且没有必需的 Windows 版本来执行此操作，可以使用 BrowserStack，它支持测试过去和现在的 Microsoft 浏览器和操作系统的多种组合。例如，可以从版本 80 开始测试 Microsoft Edge (Chromium) 的所有版本，Microsoft Edge (EdgeHTML) 版本 15 到 18。 Microsoft Edge 的测试在 BrowserStack 上是免费的。有关详细信息，请参阅 BrowserStack 中的 Microsoft Edge 浏览器测试。

基于云的模拟器和模拟器

如果无法使用仿真器，并且无法访问实际设备，则基于云的模拟器是下一个最佳选择。基于云的模拟器比实际设备和本地模拟器的一大优势是，可以跨不同平台自动执行站点的单元测试。

以下列表是基于云的模拟器和测试站点的示例。查看说明，了解选择测试站点时要考虑的特性或功能。进行自己的搜索，以找到满足你需求的最佳基于云的仿真器。

BrowserStack 可帮助你执行手动测试。选择操作系统、浏览器版本、设备类型和 URL 进行浏览，然后 BrowserStack 启动可以与之交互的托管虚拟机。可以在同一屏幕中运行多个仿真器，以同时跨多个设备测试应用的外观。
Mobileum 不使用仿真器，而是使用可远程控制的实际设备。当你需要在特定设备上重现问题并且某些报表中可能不会显示问题时，这很有用。
HeadSpin 可帮助你在数千个真实设备、浏览器和操作系统上执行手动跨浏览器测试。可以录制复杂 bug 的视频，并通过集成（如 Slack、JIRA 等）进行共享。通过并行测试快速推进市场推出。
LambdaTest 可帮助你对各种浏览器和操作系统的组合执行手动跨浏览器测试。可以录制复杂 bug 的视频，并通过集成（如 Microsoft Teams、Slack 等）进行共享。可以通过并行运行测试来加快测试速度。
SauceLabs 使你可以在仿真器内部运行单元测试，这对于编写流通过站点的脚本以及随后在各种设备上观看此视频录制非常有用。还可以对站点执行手动测试。
TestingBot 可帮助你对各种浏览器和操作系统组合执行手动测试和自动测试。在 TestingBot 的仿真器和物理设备上测试网站和移动应用。

注意

此页面的部分内容是基于 Google 创建和共享的工作进行的修改，并根据 Creative Commons 署名 4.0 国际许可中所述的条款使用。原始页面在此处找到，由 Meggin Kearney (Technical Writer) 和 Paul Bakaus (Open Web Developer Advocate at Google 创作 |工具、性能、动画、UX) 。

此作品在 Creative Commons 署名 4.0 国际许可下获得许可。

通过