Microsoft Edge DevTools 文档

DevTools 入门

开始使用

• 开发工具概述
• 更改开发工具放置位置（取消停靠，停靠到底部，停靠到左侧）
• 在“命令”菜单中运行命令

• 控制台概述

  新变化

• Microsoft Edge DevTools 中的新增功能

• 联系 Microsoft Edge 开发工具团队

  自定义 DevTools

  开始使用

• 自定义 DevTools

• 将颜色主题应用于开发工具

  新变化

• 实验性功能

  操作指南

• 更改开发工具语言设置

• 自定义键盘快捷方式

  调试 Web 项目

  快速入门

• 使用检查工具分析页面

  教程

• 查看和更改 CSS 入门

• 开始查看和更改 DOM

  操作指南

• 使用问题工具查找和修复问题

• 使用 3D 视图工具导航 z 索引、DOM 和层
• 检查动画
• 调试渐进式 Web 应用 (PWA)

• 检查网络活动

  仿真和测试

  操作指南

• 模拟移动设备（设备仿真）

• 辅助功能测试功能
• 在呈现的页面中模拟深色或浅色方案
• 使用源订单查看器测试键盘支持
• 强制打印预览模式
• 模仿视觉缺陷

• 模拟运动减少

  JavaScript 和性能

  操作指南

• 在控制台中运行 JavaScript

• 修复控制台中报告的 JavaScript 错误
• 源工具概述
• JavaScript 调试功能
• 使用覆盖工具查找未使用的 JavaScript 和 CSS 代码
• 修复内存问题
• 使用分离的元素工具调试 DOM 内存泄漏
• 使用安全工具了解安全问题

• 分析运行时性能

  参考

  参考

• 键盘快捷方式

• CSS 功能参考
• 控制台功能参考

• 控制台对象 API 参考

  操作指南

• 性能功能参考

  SAMPLE

• DevTools 的示例代码