自定义 Microsoft Edge DevToolsCustomize Microsoft Edge DevTools

此页面列出了自定义 Microsoft Edge DevTools 的方法。This page lists the ways to customize Microsoft Edge DevTools.

“设置”Settings

设置 > 首选项包含用于自定义 DevTools 的许多选项。Settings > Preferences contains many options for customizing DevTools.

若要打开"设置",请完成以下操作之一。To open Settings, complete one of the following actions.

  • F1 DevTools 成为焦点时选择。Select F1 while DevTools is in focus.
  • 打开主菜单, 然后选择"设置"。Open the Main Menu and then choose Settings.

设置

"箱"Drawer

The Drawer is the second panel where your choosing tools is displayed.The Drawer is a second panel where tools of your choosing are displayed.

若要打开 (或 close) , 请选择 EscapeTo open (or close) the Drawer, select Escape.

The Drawer

默认情况下,某些工具在主面板中打开,而其他工具显示在"箱 "中By default, some tools open in the main panel, while others appear in the Drawer. 选择 "更多 (... ) "以在"箱"中打开 工具Choose More (...) to open a tool in the Drawer.

打开箱按钮

您可以在主面板和箱之间移动工具。You may move tools between the main panel and the drawer.

对面板重新排序Reorder panels

选择并拖动工具以更改排序。Choose and drag a tool to change the ordering. 你的自定义工具顺序在 DevTools 会话中持续存在。Your custom tool order persists across DevTools sessions.

备注

默认情况下, 网络 工具通常是左侧的第四个工具。By default, the Network tool is usually the fourth from the left. 下图中 ,网络工具 是左侧的第一个工具。In the following figure, the Network tool is the first from the left.

面板中 Devtools 的自定义顺序

更改 DevTools 位置Change DevTools placement

导航到 Microsoft Edge DevTools 放置Navigate to Microsoft Edge DevTools Placement.

已取消停靠的 DevTools

深色主题Dark theme

导航到"启用深色主题"。Navigate to Enable Dark Theme.

深色主题

试验Experiments

若要打开 DevTools 实验,请完成以下操作。To turn on DevTools experiments, complete the following actions.

  1. 导航到 edge://flags/#enable-devtools-experimentsNavigate to edge://flags/#enable-devtools-experiments.
  2. 选择 "启用"。Choose Enable.
  3. 选择 页面底部的"现在重新启动"。Choose Relaunch Now, at the bottom of the page.

下次打开 DevTools 时,"设置"中将显示一个名为 "实验 " 的新页面The next time you open DevTools, a new page named Experiments is displayed in Settings.

与 Microsoft Edge 开发人员工具团队联系Getting in touch with the Microsoft Edge DevTools team

使用以下选项讨论帖子中的新功能和更改,或与 DevTools 相关的任何其他内容。Use the following options to discuss the new features and changes in the post, or anything else related to DevTools.

  • 使用“发送反馈”图标发送反馈,或在 DevTools 中选择Alt+Shift+I \ (Windows、Linux) 或 Option+Shift+I \ (macOS)。Send your feedback using the Send Feedback icon or select Alt+Shift+I (Windows, Linux) or Option+Shift+I (macOS) in DevTools.
  • 发推 @EdgeDevToolsTweet at @EdgeDevTools.
  • 我们想要的 Web 提交建议。Submit a suggestion to The Web We Want.
  • 若要提交有关本文的错误,请使用以下“反馈” 部分。To file bugs about this article, use the following Feedback section.

Microsoft Edge DevTools 中的“发送反馈”图标

备注

此页面的某些部分是根据 Google 创建和共享的作品所做的修改,并根据 Creative Commons Attribution 4.0 International License 中描述的条款使用。Portions of this page are modifications based on work created and shared by Google and used according to terms described in the Creative Commons Attribution 4.0 International License.
原始页面位于此处,由 Kayce Basques\(Chrome DevTools & Lighthouse 的技术作家\)撰写。The original page is found here and is authored by Kayce Basques (Technical Writer, Chrome DevTools & Lighthouse).

Creative Commons License
本作品根据 Creative Commons Attribution 4.0 International License 获得许可。This work is licensed under a Creative Commons Attribution 4.0 International License.