Microsoft Edge DevTools 文档

在 Microsoft Edge 中使用 DevTools 进行开发。

DevTools 入门

开始使用

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

新变化

• Microsoft Edge DevTools 中的新增功能
• 联系 Microsoft Edge 开发工具团队

自定义 DevTools

开始使用

• 自定义 DevTools

新变化

• Microsoft Edge DevTools 中的实验性功能

操作指南

• 更改开发工具语言设置
• 自定义键盘快捷方式

调试 Web 项目

快速入门

• 使用检查工具分析页面

教程

• 查看和更改 CSS 入门
• 开始查看和更改 DOM

操作指南

• 使用问题工具查找和修复问题
• 使用 3D 视图工具导航网页层、z 索引和 DOM
• 检查动画
• 调试渐进式 Web 应用 (PWA)
• 检查网络活动

仿真和测试

操作指南

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

JavaScript 和性能

操作指南

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

参考

参考

• 键盘快捷方式
• CSS 功能参考
• 控制台功能参考
• 控制台对象 API 参考

操作指南

• 性能功能参考

sample

• DevTools 的示例代码

Microsoft Edge IDE 集成

概述

• Microsoft Edge IDE 集成
• 在 Visual Studio Code 中调试 Microsoft Edge

操作指南

• 用于 Visual Studio Code 的 Microsoft Edge DevTools 扩展
• 在 Visual Studio Code 中打开源文件
• 用于 Web 开发的Visual Studio