chrome UI参考

官方文档

概览

此参考向您显示如何：

• 访问和使用Chrome DevTools UI的常见部分，例如主菜单。
• 更改Chrome DevTools用户界面。

---

主菜单

点击更多 更多以打开主菜单。

---

设置

要打开设置，请执行以下任一操作：

• F1在DevTools处于焦点时按下。
• 打开主菜单，然后选择设置。
  

---

命令菜单

要打开DevTools命令菜单，请按 Cmd+ Shift+ P（Mac）或 Ctrl+ Shift+ P（Windows，Linux）。
命令菜单使用模糊搜索。例如，切换到黑暗主题的确切命令是Switch to dark theme，但是键入也会theme过滤掉其他命令。
您在打开命令菜单时看到的命令列表代表所有可用的命令。

---

抽屉

按Escape打开或关闭抽屉。

点击更多以打开其他抽屉选项卡。

---

更改DevTools UI

重新排列面板标签

单击并拖动面板选项卡以更改其排序。您的自定义选项卡顺序在DevTools会话中保持不变。

更改DevTools的位置

要更改DevTools窗口的位置，请执行以下操作：

• 打开主菜单。
• 选择Undock到单独的窗口，停靠在左边，停靠在底部或停靠在右边。

您也可以从Command Menu中更改DevTools的位置。这些命令的名称与上面提到的选项相同。

---

使用黑暗的主题

将DevTools设置为黑暗的主题：

• 打开设置。
• 单击首选项选项卡。
• 在外观部分，将主题设置为黑暗。

您也可以通过Command Menu将DevTools设置为黑色主题。

---

实验

要启用DevTools实验：

• 转到 chrome://flags/#enable-devtools-experiments 。
• 点击启用。
• 点击页面底部的立即重新启动。

打开DevTools接下来的时间，有一个所谓的新页实验 中设置。