Chromes控制台抽屉中的新仿真选项卡在哪里？ [英] Where is the new Emulation tab in Chromes console drawer?

问题描述

我经常使用Chrome开发人员工具中的覆盖选项卡来模拟其他设备（如iPhone和iPad），但在升级到最新版本（32.0.1700.76 m）后，覆盖选项卡中的所有内容都将消失，并替换为一个复选框，显示控制台抽屉中的仿真'视图。

选中此复选框不会在控制台抽屉中启用仿真视图。 Show Console按钮似乎被禁用。

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

1. 打开开发工具控制台中的设置面板（点击右侧的齿轮图标）


2. 检查控制台抽屉中的显示仿真视图（看起来您已完成此步骤）并关闭屏幕
   
3. 切换到开发工具控制台的源选项卡


4. 按Esc键弹出从底部滑入的屏幕
   
5. 在第二个屏幕上选择模拟选项卡

上面的链接中还有一个注释：

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

I frequently use the overrides tab in Chrome Developer tools to emulate other device such IPhone and IPad, but after upgrading to last version (32.0.1700.76 m) everything in the overrides tab is gone and replaced by a checkbox saying "Show 'Emulation' view in console drawer".

Checking this checkbox does not enable a 'Emulation' view in the Console drawer. The "Show Console" button seems to be disabled.

解决方案

See here for more information.

Before starting open the dev tools console (on a Mac cmd-option-i)

1. Open the Settings panel within the dev tools console (click gear icon on right side)
2. Check "Show 'Emulation' view in console drawer (looks like you have already done this step) and close screen
3. Switch to the sources tab of the dev tools console
4. Press Esc to bring up a screen that slides in from the bottom
5. Select the Emulation tab on that second screen

There is also a note in the link above stating:

Note: Emulation tools within DevTools were previously contained within an Overrides pane inside the Settings panel. The Emulation panel is the new Overrides pane.

这篇关于Chromes控制台抽屉中的新仿真选项卡在哪里？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！