如何在 Firefox 开发者版中模拟移动设备的 chrome 浏览器答案

【问题标题】：How to emulate chrome browser for mobile devices in firefox developers edition如何在 Firefox 开发者版中模拟移动设备的 chrome 浏览器
【发布时间】：2016-01-08 19:51:21
【问题描述】：

Chrome 有一个不错的功能，可让您在开发者控制台中模拟设备。但我喜欢新的 firefox（开发者版）附带的样式编辑器。我们将如何模拟设备，就像在 chrome 中一样？

【问题讨论】：

您的意思是通过喜欢连接设备并从 Chrome 浏览器检查 Cordova/PhoneGap 应用程序来进行模拟吗？可以分享截图吗？如果这是功能，我也喜欢它，并且我也在尝试在 Firefox 中获得它，我只设法在 Android 和 Firefox OS 设备上的 Firefox 中获得它，但在 Android Corodova 应用程序中却没有。
您不必连接设备，
感谢截图！啊，我明白了，所以你只想将窗口调整为不同的大小？按Ctrl + Shift + M 将打开“响应式设计视图”。也可以从“主菜单”>“开发人员”>响应式设计视图访问。

标签： firefox-addon firefox-developer-tools

【解决方案1】：

Chrome 的特定功能不限于“屏幕尺寸”（实际上是窗口尺寸），正如 Noitidart 的评论中所建议并在此处报告的那样，Firefox Inspector 也可以使用该功能为了完整性：

您可以按Ctrl + Shift + M（将打开“响应式设计视图”）
也可从“主菜单”>“开发人员”>响应式设计视图访问
在工具箱的工具栏中选择“响应式设计视图”按钮

（此链接中对此的进一步参考Responsive Design View）

Chrome 也模拟 User Agent，例如触发特定的 JS UA 检查，以启用由 Web 应用程序作者创建的特定设备检测功能。 em>

目前 Firefox 本身并没有这种功能，但在官方社区已多次请求，目前似乎正在开发中：

无论如何，你可以用一些插件来弥补：

【讨论】：

在 Firefox 47 中，响应式设计模式中的 option was added to change the user agent string。