自定义 DevTools

本页列出了自定义 Microsoft Edge DevTools 的方法。

设置>首选项 包含许多用于自定义 DevTools 的选项。

若要打开“设置”，请在 DevTools 中，单击 “设置” 图标 () 。 或者，当 DevTools 具有焦点时，按 F1。

在 DevTools 底部的 “抽屉 ”工具栏中，你可以选择要显示的工具。

若要打开 (或关闭抽 屉) ，请按 Esc。

可以在main面板和抽屉之间移动工具。

若要将工具从抽屉移动到main面板，请右键单击某个工具，然后选择“移动到顶部”。

若要将工具从main面板移动到抽屉，请右键单击某个工具，然后选择“移动到底部”。

单击并拖动工具可更改排序。 自定义工具顺序在 DevTools 会话中保留。

默认情况下，网络工具通常是main工具栏上的第五个选项卡。 在下图中，正在移动网络工具，成为main工具栏中的第一个选项卡。

为了简化 DevTools 界面，默认情况下不会打开许多工具。 若要在main面板或抽屉中打开工具，请单击选项卡右侧的“更多工具 () ”按钮，然后从列表中选择一个工具。

若要关闭工具，请选择工具选项卡中的) ”按钮。

请参阅更改 DevTools 放置位置（取消停靠，停靠到底部，停靠到左侧）。

请参阅 DevTools 概述中的放大或缩小DevTools。

请参阅 将颜色主题应用于 DevTools。

若要还原默认主题、位置、工具顺序和任何其他自定义设置，请选择 “设置>”“首选项>”“还原默认值和刷新”。

请参阅 自定义键盘快捷方式。

发布于 2022 年 5 月 5 日。

了解如何自定义 DevTools 以满足你的需求。

此视频介绍如何停靠或取消停靠 DevTools、打开新工具以及关闭不需要的工具。 它介绍如何在底部抽屉中移动工具并自定义文本大小和主题。 该视频还介绍了如何使用命令菜单键盘快捷方式快速自定义 DevTools。

发布于 2022 年 9 月 1 日。

了解如何组织 Microsoft Edge DevTools UI。 如果你对可用的工具以及 DevTools 界面main部分的功能感到困惑，此视频将帮助你更加舒适。

在此视频中，我们将讨论 UI 结构及其main工具栏和面板及其抽屉区域。 我们还介绍如何查找、打开和关闭工具、还原默认设置，以及查看可用工具列表。

查看此视频，了解 DevTools UI 的main部分、如何自定义它以满足你的需求、了解可用的不同工具以及获取帮助的位置。

注意

此页面的某些部分是根据 Google 创建和共享的作品所做的修改，并根据 Creative Commons Attribution 4.0 International License 中描述的条款使用。 原始页面 在此处 找到，由 凯斯·巴斯克 (技术作家、Chrome DevTools & Lighthouse) 创作。

此作品根据 Creative Commons 署名 4.0 国际许可获得许可。