Chromes控制台抽屉中的新仿真选项卡在哪里?

Mik*_*ver 29 google-chrome emulation google-chrome-devtools

我经常使用Chrome开发者工具中的覆盖选项卡来模拟其他设备,例如IPhone和IPad,但在升级到上一版本(32.0.1700.76 m)后,覆盖选项卡中的所有内容都将消失,并替换为"显示'仿真'视图的复选框在控制台抽屉".

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

Chrome开发者工具的设置窗格中的新 没有仿真视图的控制台选项卡

Sna*_*hot 48

有关更多信息,请参见此处

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

  1. 在开发工具控制台中打开"设置"面板(单击右侧的齿轮图标)
  2. 检查控制台抽屉中的"显示'仿真'视图(看起来您已完成此步骤)并关闭屏幕
  3. 切换到开发工具控制台的sources选项卡
  4. 按Esc键显示从底部滑入的屏幕
  5. 在第二个屏幕上选择"仿真"选项卡

上面的链接中还有一个注释说明:

注意:DevTools中的仿真工具以前包含在"设置"面板内的"覆盖"窗格中."仿真"面板是新的"覆盖"窗格.

  • 这些谷歌人有什么问题...为什么你会把它放在那里没有任何怪异的文件?! (13认同)
  • 我的天啊.非常感谢这个答案.Emulation选项卡是控制台抽屉中的默认选项非常烦人. (2认同)

Eri*_*thi 17

安装Chrome(或最新版Chrome Canary)之后,您应该可以在Chrome的开发人员工具中进行正确的移动模拟.我通常通过右键单击 > 检查元素来激活它们

对于像我这样的视觉学习者,我只是包含一个完整的截图.

通过

  • Chrome正在玩捉迷藏游戏.每个月都有一个新的相关答案. (2认同)
  • 这是MacOS上Chrome 36.0.1985.143的正确答案.仿真控件位于控制台组中,而不是"设置". (2认同)

Mun*_*kon 7

我正在运行谷歌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).

前用户代理的当前位置以及以前的传感器选项卡