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.

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.

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

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.

Comments

Make a Comment or View Existing Comments Using Disqus

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