Edge Developer Tools For Visual Studio Now In Preview
Written by Kay Ewbank   
Wednesday, 16 March 2022

Microsoft has announced a preview of Visual Studio for ASP.NET and ASP.NET core containing integrated Edge developer tools.

The Edge Developer tools (or Edge DevTools) are included as part of the Microsoft Edge browser. DevTools is a set of web development tools that appears next to a rendered webpage in the browser, and give developers a way to inspect and debug webpages and web apps, and to edit source files and create website projects.

edgevs

DevTools can be used to inspect, tweak, and change the styles of elements in the webpage, from a visual interface that show the browser stored content used to construct the webpage, including .html, .css, .js, and .png file formats.

The tools can be used to emulate how a web page behaves on different devices, including mobile environments, complete with different network conditions. The tools can be used to debug your JavaScript using breakpoint debugging, and to find and fix accessibility, performance, compatibility, and security issues.

edge network tool

The embedded version of the Elements tool can be used to make CSS edits more productive during development of web apps in ASP.NET Core and ASP.NET in Visual Studio. The preview also supports the use of three network tools - Network, Network conditions and Network request blocking. The Network tool can be used to inspect network traffic,  while the Network conditions tool can be used to simulate different possible network conditions, and the Network request blocking tool lets you check how a webpage looks and behaves when some resources are unavailable, such as image files, JavaScript files, fonts, or CSS stylesheets.

The preview version is missing some features, so can't be used with projects built in C# using Blazor for client web apps, but the team plans to add that support soon. The preview release is available now on Visual Studio Marketplace

 edgevs

More Information

Edge Tools For Visual Studio Preview On Visual Studio Marketplace 

Related Articles

Edge Tools Added To VS Code

Edge Becomes Second Most Popular Desktop Browser

Microsoft Releases .NET 6 And Visual Studio 2022

Microsoft Aims For Better Visual Studio Extensions   

To be informed about new articles on I Programmer, sign up for our weekly newsletter, subscribe to the RSS feed and follow us on Twitter, Facebook or Linkedin.

Banner


Google Explains Add Me
31/01/2025

Add Me is an AI-based feature for Google's Pixel 9 phones that lets you add missing individuals into group photos. Google has now explained how this "magic" feature was developed.



Demystifying GPU Terminology
17/01/2025

The developers at Modal have created the GPU Glossary to help themselves and others get to grips with termionology related to NVIDIA GPU hardware and software. They have managed to collect,  [ ... ]


More News

espbook

 

Comments




or email your comment to: comments@i-programmer.info

Last Updated ( Wednesday, 16 March 2022 )