Microsoft Edge Developer documentation

Development using Microsoft Edge DevTools, Microsoft Edge extensions, Progressive Web Apps, WebDriver automation, WebView2, and more.

Microsoft Edge DevTools

Overview

• Develop for the web with Microsoft Edge
• Microsoft Edge DevTools documentation
• Overview of DevTools

What's new

• What's New in Microsoft Edge DevTools

How-To Guide

• Command Menu
• View and change CSS

Reference

• Keyboard shortcuts

DevTools for Visual Studio Code

How-To Guide

• DevTools extension for Visual Studio Code

Microsoft Edge extensions

Overview

• Extensions overview
• Getting started tutorial
• Port a Chrome extension to Microsoft Edge

How-To Guide

• Alternative ways to distribute an extension
• Step-wise publishing process
• Register as a Microsoft Edge extension developer
• Tutorial part 1: Display an image in a pop-up

Progressive Web Apps

Overview

• Overview of Progressive Web Apps
• Get started with PWAs
• Debug Progressive Web Apps

What's new

• What's New in Progressive Web Apps

Concept

• Store data on the device
• Use a service worker to manage network requests
• Use a web app manifest to integrate a PWA into the OS

WebView2

Overview

• Introduction to Microsoft Edge WebView2

Concept

• Differences between Microsoft Edge and WebView2
• Development best practices

Get Started

• Get started with WebView2

Download

• Sample Code

What's new

• Release Notes for the WebView2 SDK

Reference

• WebView2 API Reference

Development tips for Microsoft Edge

What's new

• Site compatibility-impacting changes

How-To Guide

• Move users to Microsoft Edge from Internet Explorer
• Tracking prevention in Microsoft Edge
• Detect Microsoft Edge from your website
• Develop experiences for the sidebar in Microsoft Edge
• Detect Windows 11 using User-Agent Client Hints
• Customize the password reveal button
• Display regional versions of your site, based on OS settings
• View formatted JSON responses or files
• Sign up for the Ad Selection API

Microsoft Edge IDE integration

Overview

• Microsoft Edge IDE integration
• Debug Microsoft Edge in Visual Studio Code

How-To Guide

• Open source files in Visual Studio Code
• Visual Studio for web development

Accessibility in Microsoft Edge

Overview

• Accessibility-testing features
• Accessibility in Microsoft Edge

How-To Guide

• Accessibility testing

Test and automation

How-To Guide

• Test and automation in Microsoft Edge
• DevTools Protocol
• Use origin trials in Microsoft Edge
• Use Playwright to automate and test in Microsoft Edge
• Puppeteer overview
• Use WebDriver to automate Microsoft Edge
• webhint extension for Visual Studio Code