温馨提示:这篇文章已超过712天没有更新,请注意相关的内容是否还可用!

你的作业不会以确保网站在Microsoft Edge和Android中运行出色而结束。 即使  设备仿真 工具可以模拟一系列其他设备,如智能手机,我们鼓励你查看其他浏览器提供的仿真解决方案。

摘要

  • 如果没有特定设备或想要对某项内容进行抽查时,最佳选择是在浏览器中模拟设备。

  • 通过设备仿真器和模拟器,你可以从工作站模拟一系列设备上的开发站点。

  • 通过基于云的仿真器,可跨不同平台自动执行站点的单元测试。

浏览器模拟器

浏览器仿真器非常适合测试站点的响应能力。 但是,浏览器模拟器不能模拟 API、CSS 支持以及仅在实际设备上的移动浏览器上显示的某些行为的差异。 在实际设备上运行的浏览器上测试站点,确定所有内容的行为都按预期方式进行。

Firefox 响应式设计视图

Firefox 具有  响应式设计视图 ,可鼓励你停止对特定设备的思考,而是通过拖动窗口的边缘来探索设计如何以常见的屏幕大小或自己的屏幕大小进行更改。

EdgeHTML 仿真

若要模拟Windows电话,请使用 Microsoft Edge (EdgeHTML)  内置仿真。

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

设备模拟器和模拟器

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

Android模拟器

目前,无法在Android模拟器上安装Microsoft Edge。 但是,可以使用 Android 浏览器、Chromium Content Shell 和 Firefox for Android,本文稍后将对此进行回顾。 Chromium Content Shell 运行与Microsoft Edge相同的Chromium呈现引擎,但不使用特定于浏览器的功能。

Android模拟器随附Android SDK,需要将其作为 Android Studio的一部分下载。 然后按照说明  设置虚拟设备 并  启动模拟器。 启动模拟器后,选择 “浏览器”图标,并在旧的“股票浏览器”上测试站点以进行Android。

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 类似,可以获取用于将 Firefox 安装到模拟器上的 APK。

下载正确的 .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)

Edge浏览器响应式模拟器与Android、IOS设备模拟器功能介绍

Microsoft Edge (EdgeHTML) 虚拟机 (VM) 使你能够通过 VirtualBox (或 VMWare) 访问计算机上的不同版本的 EdgeHTML 和 Internet Explorer。 在  下载页上选择虚拟机。

基于云的模拟器和模拟器

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

下面的列表是基于云的仿真器和测试站点的示例。 查看选择测试站点时要考虑的功能或功能的说明。 进行自己的搜索,以根据需要找到基于云的最佳模拟器。

  • BrowserStack 可帮助你执行手动测试。 选择要浏览的操作系统、浏览器版本、设备类型和 URL,然后 BrowserStack 将启动可与之交互的托管虚拟机。 可以在同一屏幕中运行多个仿真器,同时在多个设备上测试应用的外观。

  • Mobileum 不使用仿真器,而是可远程控制的实际设备。 当需要在特定设备上重现问题且某些报表中可能未出现问题时,这非常有用。

  • HeadSpin 可帮助你在数千台实际设备、浏览器和操作系统上执行手动跨浏览器测试。 可以通过 Slack、JIRA 等集成来录制复杂 bug 的视频并共享它们。 通过并行测试,快速推进市场推广。

  • LambdaTest 可帮助你在各种浏览器和操作系统的组合上执行手动跨浏览器测试。 可以通过集成(如 Microsoft Teams、Slack 等)录制复杂 bug 的视频并共享它们。 可以通过并行运行测试来加快测试速度。

  • SauceLabs 使你能够在模拟器内部运行单元测试,这对于编写流通过站点的脚本以及在各种设备上观看视频录制非常有用。 还可以使用站点进行手动测试。

  • TestingBot 可帮助你在各种浏览器和操作系统组合上进行手动测试和自动测试。 在 TestingBot 的仿真器和物理设备上测试网站和移动应用。


打赏

海报
分享
免责声明:本文来自 Microsoft Edge DOC,不代表0oD三一o0的观点和立场,如有侵权请联系本平台处理。

在Citrix的XenApp VM下使用火狐浏览器发生崩溃怎么解决?(Firefox发生崩溃的解决方案)

火狐浏览器打开慢内存占用过高怎么解决?(通过Firefox任务管理器解决CPU卡顿问题)

相关阅读

  • Edge浏览器响应式模拟器与Android、IOS设备模拟器功能介绍
  • 如何激活DevTools审查元素工具?(Edge网页开发者F12审查元素调试模式)
  • Microsoft Edge DevTools支持模拟双屏幕和可折叠设备进行测试
  • Microsoft Edge DevTools的35种工具概述(附更多关闭与还原默认工具选项卡设置)
  • Microsoft Edge浏览器内置Web开发工具——DevTools打开与关闭方式说明
  • 如何使用Microsoft Edge扩展、WebDriver 、WebView2 等进行Web开发
  • 《Microsoft Edge 开发人员文档》
  • Microsoft Edge 企业版客户采用工具包
  • 发表评论 取消回复

    快捷回复: 表情:
    AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
    评论列表 (暂无评论,2568人围观)

    还没有评论,来说两句吧...

    项目接单

    最近发表

      阿里云云产品降价后与其它云服务商价格对比优势明显(附阿里云2024年降价信息汇总图)
      云计算2024月03月10日
      必应的“首次点击免费”实施指南(Bing First-Click Free Implementation)
      必应2024月03月05日
      必应爬虫概述(用户代理)Overview of Bing crawlers (user-agents)
      必应2024月03月05日
      秘塔写作猫AI写作面板工具栏以及AI写作快捷键指令GIF动图演示
      知识库2024月03月04日
      执业医师报考承诺书:《2024年医师资格考试重庆考区考生报考承诺书》Word文档下载
      知识库2024月02月29日
      Discuz X3.4版本如何将用户头像附件分离到远程服务器?(UCenter avatar实现远程附件)
      知识库2023月04月16日
      更换手机或原手机号不用导致企业微信无法登陆解决方法(因为系统升级,该企业暂不支持解散等问题)
      知识库2022月09月14日

    热评文章

    • “意大利面就应该拌42号混凝土、UFO影响经济发展、野生三角函数”上学和不上学的都沉默了

      1“意大利面就应该拌42号混凝土、UFO影响经济发展、野生三角函数”上学和不上学的都沉默了

      评论:8
    • 电信积分兑换话费方法(短信方式),重庆电信积分兑换流量怎么兑换?(图示)

      2电信积分兑换话费方法(短信方式),重庆电信积分兑换流量怎么兑换?(图示)

      评论:3
    • Discuz论坛如何设置HTTPS?Discuz! X3.4实现全站HTTPS配置SSL证书教程

      3Discuz论坛如何设置HTTPS?Discuz! X3.4实现全站HTTPS配置SSL证书教程

      评论:2
    • 搜索引擎怎么做?如何用SearX创建一个自定义搜索引擎平台(简单搭建私人Google、Bing综合搜索结果的搜索引擎)

      4搜索引擎怎么做?如何用SearX创建一个自定义搜索引擎平台(简单搭建私人Google、Bing综合搜索结果的搜索引擎)

      评论:2

    热门文章

    “意大利面就应该拌42号混凝土、UFO影响经济发展、野生三角函数”上学和不上学的都沉默了
    更换手机或原手机号不用导致企业微信无法登陆解决方法(因为系统升级,该企业暂不支持解散等问题)
    网络不稳无法重新连接,游戏将会结束(游戏安全组件运行时发生异常,即将退出游戏)解决方法
    Microsoft Edge浏览器内置Web开发工具——DevTools打开与关闭方式说明

    标签列表

    • 搜索引擎 (38)
    • 搜狗 (24)
    • 搜狗搜索 (22)
    • 站长 (24)
    • 站长平台 (47)
    • 百度 (26)
    • 360 (13)
    • bing (17)
    • 必应 (12)
    • google (15)
    • yandex (16)
    • naver (19)
    • 搜索引擎优化 (11)
    • 头条搜索 (20)
    • 360搜索 (30)
    • 网站 (10)
    • 结构化数据 (10)
    • 索引 (12)
    • qq浏览器 (11)
    • url (12)
    • 百度搜索 (16)
    • naver搜索 (14)
    • bing搜索 (10)
    • 搜索规范 (11)
    • 火狐浏览器 (11)
    取消
    微信二维码
    微信二维码
    支付宝二维码