Chrome 开发者工具：缺少“元素”选项卡

Question

我有一个问题，开发人员工具的上部面板中没有“元素”选项卡。不知何故，我关闭了上部面板上的元素，但仍然保留了其他所有内容（控制台、源）。 我也尝试用“更多工具”添加它，但里面没有元素。

Answer 1

打开 DevTools，单击右上角的设置按钮（齿轮），然后向下滚动一段距离。在右下角附近，会有一个按钮，上面写着“恢复默认值并重新加载”。单击该按钮，您就可以开始了。

Answer 2

您可以尝试手动打开 Elements 面板（来源：Chrome DevTools docs）

1. 打开开发工具
2. 按以下键打开命令菜单：

• macOS：Command+Shift+P
• Windows、Linux、ChromeOS：Control+Shift+P

3. 输入

   Elements

   ，选择 显示元素，然后按 Enter。
4. Elements 面板将在 DevTools 窗口的底部抽屉中打开。

如果您希望将“元素”面板与其他面板（控制台、源、网络等）一起移至顶部：

1. 双击元素
2. 选择移至顶部
3. “元素”面板现在应该与其他面板一起位于顶部。