Microsoft Edge DevTools 文档

使用 Microsoft Edge DevTools 进行开发。

DevTools 入门

开始使用

• DevTools 概述
• 将 DevTools 放置 (Undock、Dock 更改为底部、停靠到左侧)
• 在命令菜单中运行命令
• 控制台概述

新变化

• Microsoft Edge DevTools 中的新增功能
• 联系 Microsoft Edge DevTools 团队

自定义 DevTools

开始使用

• 自定义 DevTools

新变化

• Microsoft Edge DevTools 中的实验性功能

操作指南

• 更改 DevTools 语言设置
• 自定义键盘快捷方式

调试 Web 项目

快速入门

• 使用“检查”工具分析页面

教程

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

操作指南

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

仿真和测试

操作指南

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

JavaScript 和性能

操作指南

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

参考

参考

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

操作指南

• 性能功能参考

sample

• DevTools 的示例代码