覆盖最新Canary中的Chrome开发者工具中的页面

时间:2013-10-21 13:49:55

标签: google-chrome-devtools

在Chrome(版本32.0.1677.0 canary Aura)中,我找不到开发人员工具设置中的覆盖选项卡/页面。 (它曾经位于“常规”和“工作区”标签之间。他们移动了它,还是忘了启用某些东西?

3 个答案:

答案 0 :(得分:89)

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

enter image description here

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

此外,较新的Device Mode会捕获移动设备模拟的基础知识。

enter image description here

答案 1 :(得分:11)

当从其他工具标签打开控制台时,似乎只能从控制台中使用“仿真”按钮。防爆。 “来源”或“元素”。

转到“元素”,单击“显示控制台”图标。 “控制台抽屉”将在窗口的底部打开,其中包含控制台,搜索,仿真选项卡。如果这是一个错误或不是很难说。

答案 2 :(得分:0)

这个帖子很老了,现在用新的"设备模式"改变了一切。你不能再使用它了。

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

  • 只需激活设备模式,然后使用shift键+拖动鼠标即可模拟捏缩放,无需特别设置。

How to activate device mode

  • 这个缩放到缩放仿真对于像Lexmer这样的JS库来说似乎不太好用。

目前,最好测试捏合以放大实际设备,或使用http://browserstack.com