Microsoft Edge 开发人员文档

使用 Microsoft Edge DevTools、Microsoft Edge 扩展、渐进式Web 应用、WebDriver 自动化、WebView2 等进行开发。

Microsoft Edge DevTools

概述

• 使用 Microsoft Edge 进行 Web 开发
• Microsoft Edge DevTools 文档
• DevTools 概述

新变化

• Microsoft Edge DevTools 中的新增功能

操作指南

• 命令菜单
• 查看和更改 CSS

参考

• 键盘快捷方式

用于Visual Studio Code的 DevTools

操作指南

• 适用于 Visual Studio Code 的 DevTools 扩展

Microsoft Edge 扩展

概述

• 扩展概述
• 入门教程
• 将 Chrome 扩展移植到 Microsoft Edge

操作指南

• 分发扩展的替代方法
• 分步发布过程
• 注册为 Microsoft Edge 扩展开发人员
• 教程第 1 部分：在弹出窗口中显示图像

渐进式Web 应用

概述

• 渐进式Web 应用概述
• PWA 入门
• 调试渐进式Web 应用

新变化

• 渐进式Web 应用中的新增功能

概念

• 在设备上存储数据
• 使用服务辅助角色管理网络请求
• 使用 Web 应用清单将 PWA 集成到 OS

WebView2

概述

• Microsoft Edge WebView2 简介

概念

• Microsoft Edge 和 WebView2 之间的差异
• 开发最佳做法

开始使用

• WebView2 入门

下载

• 示例代码

新变化

• WebView2 SDK 发行说明

参考

• WebView2 API 参考

Microsoft Edge 的开发提示

新变化

• 影响站点兼容性的更改

操作指南

• 将用户从 Internet Explorer 移动到 Microsoft Edge
• Microsoft Edge 中的跟踪防护
• 检测网站中的Microsoft Edge
• 开发 Microsoft Edge 中边栏的体验
• 使用 User-Agent 客户端提示检测Windows 11
• 自定义密码显示按钮
• 根据 OS 设置显示站点的区域版本
• 查看格式化的 JSON 响应或文件
• 注册广告选择 API

Microsoft Edge IDE 集成

概述

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

操作指南

• Visual Studio Code中的开源文件
• 用于 Web 开发的 Visual Studio

Microsoft Edge 中的辅助功能

概述

• 辅助功能测试功能
• Microsoft Edge 中的辅助功能

操作指南

• 辅助功能测试

测试和自动化

操作指南

• Microsoft Edge 中的测试和自动化
• DevTools 协议
• 在 Microsoft Edge 中使用源试用版
• 使用 Playwright 在 Microsoft Edge 中自动执行和测试
• Puppeteer 概述
• 使用 WebDriver 自动Microsoft Edge
• 适用于 Visual Studio Code 的 webhint 扩展