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

编程入门 行业动态 更新时间:2024-10-24 16:29:06
本文介绍了Chromes控制台抽屉中的新仿真选项卡在哪里?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧! 问题描述

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

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

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

  • 打开开发工具控制台中的设置面板(点击右侧的齿轮图标)
  • 检查控制台抽屉中的显示仿真视图(看起来您已完成此步骤)并关闭屏幕
  • 切换到开发工具控制台的源选项卡
  • 按Esc键弹出从底部滑入的屏幕
  • 在第二个屏幕上选择模拟选项卡
  • 上面的链接中还有一个注释:

    注意: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)

  • Open the Settings panel within the dev tools console (click gear icon on right side)
  • Check "Show 'Emulation' view in console drawer (looks like you have already done this step) and close screen
  • Switch to the sources tab of the dev tools console
  • Press Esc to bring up a screen that slides in from the bottom
  • 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控制台抽屉中的新仿真选项卡在哪里?

    本文发布于:2023-11-28 09:06:23,感谢您对本站的认可!
    版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
    本文标签:控制台   抽屉   卡在   选项   Chromes

    发布评论

    评论列表 (有 0 条评论)
    草根站长

    >www.elefans.com

    编程频道|电子爱好者 - 技术资讯及电子产品介绍!