Chrome 控制台抽屉中的新仿真选项卡在哪里？答案

【问题标题】：Where is the new Emulation tab in Chromes console drawer?Chrome 控制台抽屉中的新仿真选项卡在哪里？
【发布时间】：2014-02-06 14:20:58
【问题描述】：

我经常使用 Chrome 开发工具中的覆盖选项卡来模拟其他设备，例如 iPhone 和 iPad，但是在升级到最新版本 (32.0.1700.76 m) 后，覆盖选项卡中的所有内容都消失了，取而代之的是一个显示“显示”的复选框控制台抽屉中的仿真视图”。

选中此复选框不会在控制台抽屉中启用“仿真”视图。 “显示控制台”按钮似乎已禁用。

【问题讨论】：

在最近推出的下一个正式版 Chrome (33.0.1750.117 m) 中，带有仿真选项卡的“抽屉”现在也出现在控制台选项卡上。通过在控制台选项卡上按 Esc 或单击“打开抽屉”按钮打开它。
欢迎为这个问题加注星标：code.google.com/p/chromium/issues/detail?id=345477

标签： google-chrome google-chrome-devtools emulation

【解决方案1】：

我似乎已经解决了。当我升级到 Chrome Canary（版本 34.0.1789.0 canary）后，问题就解决了。

http://www.google.co.uk/intl/en/chrome/browser/canary.html

【讨论】：

【解决方案2】：

更多信息请参见here。

在开始之前打开开发工具控制台（在 Mac 上 cmd-option-i）

在开发工具控制台中打开“设置”面板（单击右侧的齿轮图标）
选中“在控制台抽屉中显示“仿真”视图（看起来您已经完成了这一步）并关闭屏幕
切换到开发工具控制台的源选项卡
按 Esc 可调出从底部滑入的屏幕
在第二个屏幕上选择“仿真”选项卡

上面的链接中还有一条说明：

注意：DevTools 中的仿真工具以前包含在 “设置”面板内的“覆盖”窗格。仿真面板是新的 Overrides 窗格。

【讨论】：

这在 Chrome 版本 (32.0.1700.76 m) 中不起作用。我认为这是该版本中的错误。升级到 Chrome Canary（版本 34.0.1789.0 canary）时，它可以正常工作。
很高兴你能正常工作。我的 Chrome 版本（在 OSX 上）是 32.0.1700.77 - 比你的版本高一个，它正在我的版本上运行，所以这个问题可能在 .77 更新中得到修复。作为另一种可能的选择，而不是切换到 Canary，您可以检查 .77 是否可用并修复此问题。
天啊。非常感谢这个答案。控制台抽屉中的默认模拟选项卡非常烦人。
那些谷歌人有什么问题......你为什么要把它放在那里没有任何奇怪的文档？！
如果栏卡在屏幕底部，请将鼠标移动到选项卡的右侧，然后单击并按住将其向上拖动。我花了一点时间才弄清楚这一点，信不信由你。

【解决方案3】：

“在控制台抽屉中显示仿真视图”消息令人困惑。

通常我们的 chrome 开发工具栏选项卡选择为控制台选项卡，或者我们尝试在控制台选项卡中查找。

问题是，当您选择控制台选项卡时，控制台抽屉将不会打开。

【讨论】：

【解决方案4】：

安装 Chrome（或最新版本 Chrome Canary）后，您应该能够在 Chrome 的开发者工具中进行适当的移动仿真。我通常通过右键单击 > 检查元素

来激活它们

对于像我这样的视觉学习者，我只是附上了一个完整的屏幕截图。

【讨论】：

Chrome 正在玩捉迷藏。每个月都有一个新的相关答案。
右边的蓝色箭头对我有帮助。我可以看到底部的标签，但看不到它们下方的任何东西。
这是 MacOS 上 Chrome 36.0.1985.143 的正确答案。仿真控件位于控制台组中，而不是设置。
我有仿真选项卡。我把它关了。我该如何取回它？？

【解决方案5】：

我遇到了这个问题，尽管这里有答案，但我花了一段时间才弄清楚。我的版本是 37.0.2062.103 m。首先，在这个版本中，没有 Override 窗格，也没有“在控制台抽屉中显示 'Emulation' 视图。它默认是打开的（我猜），但有点隐藏。关键是先按 ESC 键开发模式（现在我不确定它是否默认打开）。您应该看到一个带有 4 个“选项卡”的窗格，包括底部的“仿真”。我引用了选项卡，因为它对我来说更像是一个状态栏，我保留单击它并没有任何反应，直到我不小心调整了窗格的大小。

【讨论】：

【解决方案6】：

Sweet... 这种行为（运行设备仿真和调试模式）在 Linux Ubuntu 上的 Chromium 中工作，方法是按 F12，然后按抽屉图标。 :)

更多信息： Some more info, including screenshots

【讨论】：

【解决方案7】：

我正在运行 Google Chrome 版本 58.0.3029.110，其中 Emulation 不再可用，但所有功能仍然可用：

设备和屏幕

按Ctl + shift + m 或点击Toggle device toolbar，您会在浏览器标签的中上部找到这些。（您可以在More option 部分找到更多选项。）

用户代理和传感器

用户代理现在重命名为Network Conditions，可以在Customise and control DevTools > More tools > Network conditions 中找到。 Sensors 也可以在同一位置找到（即Customise and control DevTools > More tools > Sensors）。

【讨论】：