New developer experiences for Microsoft Edge

Microsoft

Try these new dev experiences for Microsoft Edge

 

Hope you are all enjoying the latest version of Microsoft Edge (download here). Over the past year, our team has been working closely with the web developer community to understand how we can simplify their workflows. With every release, we are adding more features either in the environment where Microsoft Edge is running or that integrate Edge via the DevTools Protocol. At the same time, we are also actively contributing to the fundamentals and inclusivity of the Chromium developer tools with 300+ commits already made so far, in the areas of accessibility, localization of developer tools (coming soon :smile:) and performance. 

 

Check out the stuff our team has launched over the last few months that you may have missed for macOS and Windows.

 

  1. Elements extension

One consistent theme that we heard from developers was that they want to spend more time working with code in their favorite editor. Considering Elements is the most used browser tool, we have added its support in VS Code directly. Click here to try it out and learn more about it.

elements-for-edge.gif

 

  1. Debugger extension

With the Debugger for Microsoft Edge VS Code extension, you can debug your JavaScript code running in Microsoft Edge directly from VS Code. Click here to try it out and learn more.

debugger-for-edge.gif

 

  1. Webhint browser extension

This extension helps you scan a website right from DevTools and get quick feedback on accessibility, browser compatibility, security, performance, and more. The v1 version is ready Click here to try it out and learn more.

 

  1. 3D View Tool

We recently released an experimental version of our 3D DOM viewer. This feature allows you to view a page in 3D, with depth used to visualize the DOM hierarchy. Click here to try it out and learn more. to try it out and learn more.

 

We’re listening

We are actively listening and engaging with all our users to identify the gaps that can help build Dev focused tools and features for a great experience on Microsoft Edge. Some examples of our past engagements with web developers and other customers are SmashingConf, Video, #SFHTML5, and Reddit.com AMA. These engagements have helped us generate a current backlog of more than 250 user requested features, and fix more than 300 bugs that users pointed out in our Dev tools and associated features.

 

We would love for you to give these features a try and reach out to us with your feedback here. We are still working on them and evolving with time so need your help to better understand the issues.

 

23 Replies

@Jasonld 

If you are referring to hover tips in the debugger, this is a Chromium issue.  I have a thread on their side working with them to try and figure out what is going on

@Elliot Kirk 

Please let us turn off the Bing wallpaper on the Office 365 view for new tab.

@Johan Nilsson , Agreed, We also want to change the New Tab feature. We want to customize it to something we want. 

@Tubs99

 

Hello there, sorry for the delay in answering this. I am a bit confused about what you'd like to see. Currently the elements extension brings parts of the developer tools of the browser in Visual Studio code to prevent you from switching context in between the two. Would you like to have it the other way around?