开发者工具提示:更快的开发者工具导航

Sofia Emelianova
Sofia Emelianova

在开发者工具中迷失了?了解如何:

  • 将您经常使用的面板和标签页与抽屉式边栏搭配使用。
  • 即使您忘记了面板和选项的位置,也可以通过命令菜单访问它们。
  • 停用自动布局更改。
  • 根据您的偏好设置自定义 DevTools 专用快捷键。

您可以观看视频,了解这些提示的实际运用,也可以继续阅读,了解要点。

  • Escape 可打开或关闭抽屉式导航栏

    抽屉。

  • 点击 更多工具。 更多工具以打开其他抽屉式导航栏标签页。

    “更多工具”按钮,用于打开抽屉式边栏的其他标签页。

  • 通过在抽屉中上下移动,重新排列 DevTools 面板和抽屉标签页,并将它们组合在一起。

  • 使用命令菜单搜索、运行命令、切换设置,以及打开面板和标签页,即使您忘记了在哪里找到它们,也可以轻松找到。

    DevTools 命令菜单。

  • 将 DevTools 布局从 auto 更改为始终为 horizontalvertical

  • 自定义 DevTools 快捷键。依次选中 设置。 Settings > Experiments > Enable keyboard shortcut editor

    在“设置”中修改快捷方式。

如需获得更实用的学习体验,请参阅自定义 DevTools 教程。

如需了解详情,请参阅以下资源: