模拟和测试其他浏览器

您的任务不仅仅是确保您的网站在 Chrome 和 Android 上顺畅运行。尽管 Device Mode 可以模拟 iPhone 等多种其他设备,我们建议您查看一下其他 浏览器模拟解决方案。

摘要

  • 如果您没有特定的设备,或者想对某些物品进行抽查, 就是直接在浏览器中模拟设备
  • 利用设备模拟器,您可以在一系列设备上模拟开发网站,从 工作站
  • 借助基于云的模拟器,您可以在不同平台上对网站进行自动化单元测试。

浏览器模拟器

浏览器模拟器非常适合于测试网站的响应能力,但它们无法模拟差异 和在移动浏览器中看到的某些行为。在以下位置测试您的网站: 在真实设备上运行的浏览器,确保一切按预期运行。

Firefox'自适应设计视图

Firefox 有一个自适应设计视图,可以鼓励您停止考虑具体的 并探索您的设计在常见屏幕尺寸下或您自己的尺寸下会如何变化 拖动边缘。

Edge 的 F12 模拟

如需模拟 Windows Phones,请使用 Microsoft Edge 的内置模拟

由于 Edge 不具备与旧版兼容的功能,因此请使用 IE 11 的模拟来模拟 在旧版 Internet Explorer 中的显示效果。

设备模拟器

设备模拟器不仅可以模拟浏览器环境,还可以模拟整个设备。 它们对于测试需要操作系统集成的内容非常有用,例如具有虚拟化的表单输入 键盘。

Android 模拟器

Android Emulator Stock 浏览器

Android 模拟器中的 Stock 浏览器

目前,无法在 Android 模拟器上安装 Chrome。不过,您可以使用 Android 浏览器、Chromium Content Shell 和适用于 Android 的 Firefox,我们将在本单元后面的部分进行介绍 指南。Chromium Content Shell 使用相同的 Chrome 渲染引擎,但没有 浏览器特有的功能。

Android 模拟器附带了 Android SDK,您需要从此处下载该 SDK。然后 按照说明设置虚拟设备启动模拟器

模拟器启动后,点击“Browser”(浏览器)图标,即可在 适用于 Android 的旧版 Stock Browser。

Android 上的 Chromium Content Shell

Android 模拟器内容 Shell

Android 模拟器内容 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

Android 模拟器上的 Firefox 图标

Android 模拟器上的 Firefox 图标

与 Chromium 的 Content Shell 类似,您可以获取一个 APK 以将 Firefox 安装到模拟器上。

从以下位置下载正确的 .apk 文件: https://ftp.mozilla.org/pub/mozilla.org/mobile/releases/latest/.

在这里,您可以使用 以下命令:

adb install <path to APK>/fennec-XX.X.XX.android-arm.apk

iOS 模拟器

适用于 Mac OS X 的 iOS 模拟器带有 Xcode,您可以从 App Store 安装

完成后,请参阅 Apple 的文档,了解如何使用模拟器。

Modern.IE

现代 IE 虚拟机

现代 IE 虚拟机

Modern.IE 虚拟机可让您在计算机上通过 VirtualBox 访问不同版本的 IE (即 VMWare)。在此处的下载页面上选择一个虚拟机。

云端模拟器

如果您无法使用模拟器,也无法访问真实设备,那么可以使用基于云的模拟器 紧随其后。基于云的模拟器相对于真实设备和本地模拟器的一大优势 可以跨不同平台为网站自动执行单元测试

  • BrowserStack(商用)是最便于进行手动测试的云模拟器。您选择了一个 选择浏览器版本和设备类型,然后选择一个网址进行浏览 您可以与之交互的托管式虚拟机您还可以在 同一屏幕,让您可以同时测试应用在多个设备上的外观和风格 。
  • SauceLabs(商用)允许您在模拟器内运行单元测试, 网站流程脚本非常有用,并观看本视频介绍 并在各种设备上测试游戏您也可以对您的网站进行手动测试。
  • Device Anywhere(商用)不使用模拟器,而是使用您可以控制的真实设备 。如果您需要在 但无法在前述指南的任何选项中看到该 bug。
  • LambdaTest(商用)将帮助您对组合执行手动跨浏览器测试 2000 多种浏览器以及操作系统用户将能够录制关于复杂虫子和夜晚的视频 通过 MS Teams、Slack 等集成来共享数据。用户可以通过以下方式加快测试速度: 同时运行测试