Microsoft has a new addition for developers: Now VS Code gets this new Edge tools extension

By -

 Microsoft's new extension puts Edge developer tools inside its popular Visual Studio Code editor.

Microsoft has announced general availability of its new Microsoft Edge Tools for VS Code extension, which lets developers embed Edge's browser developer tools into Microsoft's popular cross-platform code editor. 

The new extension allows developers to use Edge's built-in Elements and Network tool from within Microsoft's Visual Studio Code (VS Code) to fix styling, layout, and CSS issues with a site. 

The idea is to bring Edge's tools to VS Code so developers don't need to switch between the editor and browser when moving from development to debugging tasks. 

Microsoft says the new extension simplifies developers' workflow by changing the way users can launch an instance of Edge to debug. Users can now connect to an existing browser instance, start a new one or a headless browser that lacks a browser window and has no icon in the task bar. 

"Continuously switching between editor and browser adds cognitive load to your workflow throughout the day. You change from one environment to another – from development to debugging mode – and you need to switch back," the Microsoft Edge Team said.  

The extension's settings let users choose whether a new browser is headless or not. In headless mode, the browser doesn't open in a separate window, but rather opens in the left panel of the editor. 

Now there's also a Network tab in the Edge Tools for VS Code extension. Previously, Microsoft launched a standalone extension to integrate the Edge DevTools Network pane into VS Code. It's also a feature of Edge DevTools. The Network pane is off by default for now, but Microsoft is looking for feedback on this configuration. 

Microsoft notes that the extension only works with Chromium-based Edge, so presumably not with Google Chrome. 


The key supported features include debugging configurations for launching Microsoft Edge browser in remote-debugging mode and auto-attaching the tools. 

It also offers a sidebar view for listing debuggable targets, such as tabs and extensions, and a screen-casting feature that allows developers to see their page without leaving VS Code.

The new Edge developer tools extension is available from Microsoft's Visual Studio Marketplace.  

Comments

Post a Comment

Popular Posts

Hacker steals data of millions of Bulgarians, emails it to local media

By -
Image
  Source of the data breach appears to be the country's National Revenue Agency A mysterious hacker has stolen the personal details of millions of Bulgarians and has emailed download links to the stolen data to local news publications. The data's origin is believed to be the country's National Revenue Agency (NRA), a department of the Bulgarian Ministry of Finance. In a  message posted on its website  on Monday, the NRA said it was working with the Ministry of the Interior and the State Agency for National Security (SANS) to investigate the hack. "We are currently verifying whether the data is real," said the NRA. Hours after this article's publication, the Bulgarian Ministry of the Interior  confirmed the hack . HACKER STOLE 110 DATABASES, LEAKED 57 According to reports from local media [ 1 ,  2 ,  3 ,  4 ,  5 ], who received part of the data, the hacker said they stole the personal details of over five million Bulgarians, of the country's total ...
Read more

​Linux totally dominates supercomputers

By -
Image
It finally happened. Today, all 500 of the world's top 500 supercomputers are running Linux. Linux rules supercomputing. This day has been coming since 1998, when Linux first appeared on the TOP500 Supercomputer list . Today it finally happened:  All 500 of the world's fastest supercomputers are running Linux . The last two non-Linux systems, a pair of Chinese IBM POWER computers running AIX, dropped off the  November 2017 TOP500 Supercomputer list . Overall, China now leads the supercomputing race with 202 computers to the US' 144. China also leads the US in aggregate performance. China's supercomputers represent 35.4 percent of the Top500's flops, while the US trails with 29.6 percent. With an anti-science regime in charge of the government, America will only continue to see its technological lead decline. When the  first Top500 supercomputer list was compiled in June 1993 , Linux was barely more than a toy. It hadn't even adopted Tux as its masc...
Read more

Microsoft tries to stem its self-made collaboration-tool confusion

By -
Image
Microsoft is using this week's Ignite conference to try to help clarify its collaboration-tool strategy. Here's how SharePoint, Teams and Yammer figure in the mix. Choice is good. But too much choice, especially when it comes to collaboration tools, has been a problem for Microsoft. This isn't news to customers, partners or Microsoft execs themselves. But at the company's Ignite IT Pro conference in Orlando this week, Microsoft execs took a step to try to clarify the company's strategy and messaging in this area. Microsoft Office 365 Marketing chief Ron Markezich kicked off the conference this week with a slide entitled "Microsoft 365 Teamwork: Where to Start a Conversation." That slide attempts to do what  Microsoft initially attempted with a 60-plus-page whitepaper : Clarify which collaboration tools customers should use when. The slide, which features SharePoint -- and its files, sites and content storage at the center -- is broken down into t...
Read more