Microsoft Edge开发工具

【实例截图】

【核心代码】

Contents
Microsoft Edge 开发人员文档
使用 Microsoft Edge 开发网页版
Microsoft Edge 开发工具
Microsoft Edge DevTools 文档
开发工具概述
新增功能
Microsoft Edge DevTools 中的新增功能
Microsoft Edge 100
Microsoft Edge 99
Microsoft Edge 98
Microsoft Edge 97
Microsoft Edge 96
Microsoft Edge 95
Microsoft Edge 94
Microsoft Edge 93
Microsoft Edge 92
Microsoft Edge 91
Microsoft Edge 90
Microsoft Edge 89
Microsoft Edge 88
Microsoft Edge 87
Microsoft Edge 86
Microsoft Edge 85
Microsoft Edge 84
Microsoft Edge 83
Microsoft Edge 81
Microsoft Edge 80
实验功能
实验性功能概述
 使用专注模式简化开发工具
工具
关于工具列表
检查工具
使用检查工具分析页面
设备仿真
模拟移动设备（设备仿真）
模拟双屏幕和可折叠设备
模拟和测试其他浏览器
适用于 CSS 、 HTML 和 DOM 的元素工具
使用 Elements 工具检查、编辑和调试 HTML 和 CSS
CSS 功能参考
CSS 入门
查看和更改 CSS 入门
检查 CSS 网格
在 “ 样式 ” 窗格中编辑 CSS 字体样式和设置
CSS-in-JS 框架的样式编辑
HTML 和 DOM 入门
开始查看和更改 DOM
控制台工具
控制台概述
控制台功能参考
在控制台工具中记录消息
在控制台中运行 JavaScript
控制台对象 API 参考
控制台工具实用功能和选择器
使用实时表达式监视 JavaScript 中的更改
修复控制台中报告的 JavaScript 错误
使用控制台与 DOM 交互
筛选控制台消息
源工具，用于编辑文件和调试 JavaScript
源工具概述
 调试 JavaScript 入门
使用断点暂停代码
JavaScript 调试功能
在任何网页上运行 JavaScript 的代码片段
使用工作区编辑文件（ “ 文件系统 ” 选项卡）
使用本地副本替代网页资源（ “ 替代 ” 选项卡）
将内容脚本标记为库代码
禁用 JavaScript
将已处理的代码映射到原始源代码，以便进行调试
通过将源映射发布到 Azure Artifacts 符号服务器来安全地调试原始代码
使用 Azure Artifacts 符号服务器源映射安全地调试原始代码
3D 视图工具
使用 3D 视图工具导航 z 索引、 DOM 和层
动画工具
检查和修改 CSS 动画效果
用于存储的应用程序工具
查看、编辑和删除 Cookie
查看和编辑本地存储
查看和更改 IndexedDB 数据
查看和编辑会话存储
查看 Web SQL 数据
查看缓存数据
调试渐进式 Web 应用 (PWA)
调试后台服务
更改工具
使用更改工具跟踪对文件的更改
覆盖工具
使用覆盖工具查找未使用的 JavaScript 和 CSS 代码
CSS 概述工具
确定可进行的 CSS 改进
分离的元素工具
使用分离的元素工具调试 DOM 内存泄漏
 开发人员资源工具
开发人员资源工具
问题工具
使用问题工具查找和修复问题
JavaScript 探查器工具
JavaScript 探查器工具
层工具
层工具
Lighthouse 工具
Lighthouse 工具
媒体工具
查看和调试媒体播放器信息
内存工具
修复内存问题
内存术语
使用内存工具记录堆快照
在时间线上使用分配检测
加速 JavaScript 运行时
内存检查器工具
使用内存检查器工具检查 JavaScript ArrayBuffer
网络工具
检查网络活动
网络功能参考
网络问题指南
查看页面资源
服务工作进程改进
网络条件工具
网络条件工具
替代用户代理字符串
网络控制台工具
使用网络控制台工具撰写和发送 Web API 请求
网络请求阻止工具
 阻止网络请求
性能工具
分析运行时性能入门
分析运行时性能
使用 Lighthouse 优化网站速度
性能功能参考
时间线事件参考
在性能配置文件中显示原始函数名称
性能监视器工具
使用性能监视器工具度量页面的运行时性能
快速源工具
使用快速源工具显示或编辑源文件
呈现工具
在呈现的页面中模拟深色或浅色方案
强制打印预览模式
搜索工具
使用搜索工具查找页面的源文件
安全工具
使用安全工具了解安全问题
传感器工具
使用传感器工具替代地理位置
使用传感器工具模拟设备方向
源地图监视器工具
源地图监视器工具
WebAudio 工具
WebAudio 工具
WebAuthn 工具
模拟身份验证器并调试 WebAuthn
欢迎工具
欢迎工具
命令菜单和键盘快捷方式
在 “ 命令 ” 菜单中运行命令
 键盘快捷方式
设置和自定义 UI
自定义 DevTools
将颜色主题应用于开发工具
更改开发工具放置位置（取消停靠，停靠到底部，停靠到左侧）
更改开发工具语言设置
自定义键盘快捷方式
远程调试
远程调试 Android 设备
访问本地服务器
远程调试 Android WebViews
远程调试 Surface Duo 仿真程序
远程调试 Windows 设备
辅助功能
辅助功能测试功能
使用 DevTools 的辅助功能测试概述
使用 " 检查 " 工具将鼠标悬停在网页上以检测辅助功能问题
使用 Lighthouse 测试辅助功能
使用辅助技术导航开发工具
跟踪哪些元素有焦点
图像替换文字
自动测试网页中的辅助功能问题
键盘支持
使用 Tab 和 Enter 键检查键盘支持
分析边栏菜单中键盘焦点的缺失
分析窗体上的键盘支持
使用源订单查看器测试键盘支持
文本对比度
使用颜色选取器测试文本颜色对比度
使用检查工具检查默认状态下的文本颜色对比度
验证所有元素状态可访问性
检查深色主题和浅主题的对比度问题
 屏幕阅读器支持
使用 " 辅助功能 " 选项卡测试辅助功能
检查辅助功能树是否支持键盘和屏幕阅读器
视觉缺陷（渲染工具）
模仿视觉缺陷
验证页面是否对色盲者可用
验证页面是否在视觉模糊时可用
模拟运动减少
验证页面是否在关闭 UI 动画时可用
窄时可用（设备仿真）
验证网页布局在缩小时是否可用
DevTools 的示例代码
在 Internet Explorer 模式（ IE 模式）中使用开发工具
Microsoft Edge 开发工具协议
联系 Microsoft Edge 开发工具团队
Microsoft Edge 扩展
Microsoft Edge 扩展概述
新增功能
Microsoft Edge 加载项已发布功能
Microsoft Edge 加载项路线图
入门
扩展概念和体系结构
创建扩展教程，第 1 部分
创建扩展教程，第 2 部分
旁加载扩展
开发人员指南
API 支持
声明权限
将 Chrome 扩展移植到 Microsoft Edge
分发扩展的备用方法
本机消息传递
Manifest
 迁移到清单 V3 的概述和日程表
将扩展从清单 V2 迁移到 V3
扩展名的清单文件格式
发布到加载项网站
注册为扩展开发人员
使用 GitHub 帐户发布扩展
将用户添加到 Microsoft Edge 程序
发布扩展
更新扩展
提交状态
查看扩展分析仪表板
管理帐户设置
联系人扩展支持
Microsoft Edge 加载项的策略
内容安全策略
Microsoft Edge 开发人员 ADA 附录
开发人员策略
Microsoft Edge 加载项 API
使用 Microsoft Edge 加载项 API
Microsoft Edge 加载项 API 参考
适用于企业的扩展
匹配模式
托管和更新
自动更新
渐进式 Web 应用
渐进式 Web 应用 （ PWA ） 概述
PWA 的用户体验
操作步骤
开始使用 PWA
Web 应用清单
服务工作者
脱机方案
 将 PWA 发布到 Microsoft Store
实验性功能和源试用版
在桌面上集成 PWA
定义图标和主题颜色
使用锁屏提醒、通知和推送通知重新吸引用户
处理文件
句柄 URL
处理协议
在标题栏中显示内容
与其他应用共享内容
定义应用快捷方式
在后台同步和更新
新增功能
示例 PWA
WebView2
Microsoft Edge WebView2 简介
设置和示例代码
设置开发环境
示例代码
WebView2 控件和 API 示例
WinUI 2 （ UWP ） 浏览器应用
Win32 C 应用
使用 Visual Composition 的 Win32 C 应用
WinForms 浏览器应用
WPF .NET 浏览器应用
WPF 应用中的 Chrome DevTools 协议扩展
部署示例
WebView2 部署 Visual Studio 安装程序
用于部署运行时的 WiX 刻录捆绑包
用于部署运行时的 WiX 自定义操作
教程：创建 WebView2 应用
WebView2 入门
 Win32
WinForms
WinUI 2 （ UWP 、公共预览版）
WinUI 3 （ Windows 应用 SDK ）
WPF
基础
Microsoft Edge 与 WebView2 之间的区别
导航事件
基本身份验证
Web 和本机互操作
本机和 Web 端代码的互操作
从本机代码调用 Web 端代码
从 Web 端代码调用本机代码
了解不同的 WebView2 SDK 版本
测试即将推出的 API 和功能
分发应用和 WebView2 运行时
调试 WebView2 应用
调试 WebView2 应用
Microsoft Edge 开发工具
Microsoft Visual Studio 代码
Microsoft Visual Studio
体系结构
进程模型
线程模型
用户数据和历史记录
管理用户数据文件夹
从用户数据文件夹中清除浏览数据
高级主题和最佳做法
开发的最佳做法
开发安全的 WebView2 应用
自定义上下文菜单
使用 Chrome DevTools 协议
 使用 Microsoft Edge WebDriver 自动执行和测试
部署和分发
部署和分发
WebView2 运行时的企业管理
将应用分发为单个可执行文件
WebView2 SDK 发行说明
WebView2 路线图
WebView2 参考
WebView2 API 参考
Win32 C
Win32 C WebView2 API 约定
Win32 C API 参考
.NET
Microsoft.Web.WebView2.Core
Microsoft.Web.WebView2.Wpf
Microsoft.Web.WebView2.WinForms
WinRT
Microsoft.Web.WebView2.Core
COM 互操作
联系 WebView2 团队
测试和自动化
测试并自动化 Microsoft Edge
开发工具协议
在 Microsoft Edge 中使用原始试用版
在 Microsoft Edge 中使用 Playwright 自动执行和测试
Puppeteer 概述
WebDriver
使用 WebDriver 自动执行 Microsoft Edge
使用 Internet Explorer 驱动程序在 Microsoft Edge 中自动执行 IE 模式
功能和 EdgeOptions
联系 Microsoft Edge WebDriver 团队
适用于 Visual Studio Code 的 webhint 扩展
 Web 平台
Web 平台概述
Microsoft Edge 中影响网站兼容性的更改
将用户从 Internet Explorer 移动到 Microsoft Edge
Microsoft Edge 中的跟踪防护
从网站检测 Microsoft Edge
使用用户代理客户端提示检测 Windows 11
自定义 “ 密码显示 ” 按钮
Microsoft Edge IDE 集成
Microsoft Edge IDE 集成
Visual Studio Code
用于 Web 开发的 Visual Studio Code
在 Visual Studio Code 中的打开源文件
Edge 调试程序
Microsoft Edge 开发人员工具扩展
webhint
用于 Web 开发的 Visual Studio
Microsoft Edge 中的辅助功能
Microsoft Edge 中的辅助功能
设计可访问的网站
构建可访问的网站
ARIA 和 UI 自动化
辅助功能测试
隐私白皮书
我们需要的 Web 计划