Google chrome devtools 覆盖Chrome开发者工具中的页面

Google chrome devtools 覆盖Chrome开发者工具中的页面,google-chrome-devtools,Google Chrome Devtools,在Chrome(32.0.1677.0版canary Aura)中,我在开发者工具设置中找不到覆盖选项卡/页面。(它以前放在“常规”和“工作区”选项卡之间。他们是否移动了它,或者我忘记启用了什么?点击Esc打开控制台抽屉,然后您可以通过左侧的抽屉菜单打开传感器选项卡 传感器提供地理位置和加速计设置 此外,较新版本捕获了移动设备仿真的基础知识 似乎只有在从其他工具选项卡之一打开Console时,才可以从Console使用“仿真”按钮。例如,“源”或“元素” 转到“元素”,单击“显示控制台”图标。

在Chrome(32.0.1677.0版canary Aura)中,我在开发者工具设置中找不到覆盖选项卡/页面。(它以前放在“常规”和“工作区”选项卡之间。他们是否移动了它,或者我忘记启用了什么?

点击Esc打开控制台抽屉,然后您可以通过左侧的抽屉菜单打开传感器选项卡

传感器提供地理位置和加速计设置

此外,较新版本捕获了移动设备仿真的基础知识

似乎只有在从其他工具选项卡之一打开Console时,才可以从Console使用“仿真”按钮。例如,“源”或“元素”


转到“元素”,单击“显示控制台”图标。“控制台抽屉”将在窗口底部打开,带有控制台、搜索、模拟选项卡。这是否是错误很难说。

此线程非常旧,现在所有内容都用新的“设备模式”更改。您不能再使用任何这些

正如@paul irish(来自Chrome DevTools团队)所述:

  • 只需激活设备模式,然后使用shift键并拖动鼠标来模拟收缩缩放,无需特殊设置

  • 这种“收缩到缩放”仿真似乎对像Hammer这样的JS LIB不太管用

现在,最好测试pinch以放大实际设备,或者使用

打开
32.0.1684.0 canary
它现在被命名为“仿真”,并且只有当您将控制台面板作为另一个面板(元素、网络…)的拆分视图打开时才能看到它我在v32上,即使尝试上面的步骤也无法获得仿真,有什么指针吗?对我来说这似乎是一个bug,但我是通过先隐藏控制台,然后转到
视图->开发人员->开发人员工具
(注:不是控制台)得到它的。关键是要以这种方式打开工具,或者对我来说是这样……自从切换到chrome 32后,我在使用javascript控制台时有了一些奇妙的体验。编辑:呃,重新测试时也不太好用。现在对我有效的是选择“元素”视图,然后单击拆分窗格图标:@swajak+1表示拆分窗格图标!重要提示:当您尝试显示“斗殴者”时,不要停留在“控制台”选项卡上。您还可以在“开发工具”中按Esc键,使底部控制台抽屉向上滑动打开。是的,我花了大约5分钟的时间试图找到此抽屉…:(版本35是这样的。请随时启动此问题: