Browser DevTool – Elements for VS Code

A new preview extension for Visual Studio Code is ready: With Elements for Microsoft Edge (Chromium), the popular browser DevTool Elements finds its way into the source text editor.

DevTool – Elements for VS Code

Microsoft has released DevTool Elements from the Chromium-based Microsoft Edge for VS Code browser. To use the extension that was released as a preview, a Dev or Canary build from Microsoft Edge (Chromium) must be used. The browser also has preview status.
Elements for Microsoft Edge (Chromium)

In the DevTools of Microsoft Edge (Chromium) can be controlled by the Elements panel z. HTML and CSS editing and DOM mutation breakpoints are set. Integration with VS Code is designed to improve the various workflows between DevTools and IDE.

Using the Elements extension, the DOM can be examined and debugged directly from VS Code. In addition, the changes to CSS and HTML are visible in real time. In a demo gif the features are shown:

elements vs code
image from microsoft

According to the blog entry , Microsoft plans to integrate further DevTools into VS code. In this context, Elements was chosen as the first prototype because it is the most widely used DevTool in Edge. The further course of the process will build on the community feedback. However, DevTools should not be completely migrated from the browser to the IDE.

All further details about Elements for Microsoft Edge (Chromium) are available on the Windows blog . In the VS Code Marketplace the Preview Extension is available for download .

Recent Articles

5 tips for effective remote pair programming

Home office is a challenge where people work and communicate closely together. Pair programming, i.e. working together on a source code, also lives from...

What are the Reasons You Should Play Online Bingo?

Online bingo is fast becoming popular among the masses. It uses unique bingo software to bring fun to you without you having to go somewhere to...

Most in-demand IT jobs from last decade

Uber for travel, Netflix for leisure and Google for everything is the ideal routine that we all wish to follow, of course with Instagram...

The finest text editor for professional bloggers

It is a fact that blogs have replaced books and magazines due to increasing popularity of the online world. Serious readers subscribe to blogs...

Angular 9 final release released

Angular 9 final is here! The new version was released a little late. Ivy is of course one of the new features, but that's...

Related Stories

Leave A Reply

Please enter your comment!
Please enter your name here