SinDEvilSin / vscode-edge-devtools

A VSCode extension that allows you to use browser devtools from within the editor. The devtools will connect to an instance of Microsoft Edge giving you the ability to alter CSS styling, perform diagnostics, and debugging. Get it now at http://aka.ms/devtools-for-code

Home Page:https://docs.microsoft.com/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Microsoft Edge Developer Tools for Visual Studio Code

This extension allows you to use the Developer Tools of Microsoft Edge inside Visual Studio Code.

Walkthrough of the extension

Features:

  • Live analysis of issues in your source code - find out about problems while you develop
  • Browser preview with built in toolbar for device and mode emulation
  • Changes in the Styles tool sync live with your source code - including abstractions like Sass and React using Sourcemaps
  • Console and Application tool
  • Breakpoint support

Note: This extension needs Microsoft Edge to be on your computer. Windows machines already come with it, for Mac and Linux, please download and install a version of Edge.

Documentation

For more details on how to use and customize the extension, refer to the documentation.

Contributing

This project welcomes contributions and suggestions. Most contributions require you to agree to a Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us the rights to use your contribution. For details, visit https://cla.microsoft.com.

See CONTRIBUTING.md for more information.

Other information

Data and Telemetry

The extension gets data and telemetry from Visual Studio code we use to improve the product. If you don't want to allow this, you can find the instructions how to turn off telemetry in the Visual Studio Code documentation

Data Collection. The software may collect information about you and your use of the software and send it to Microsoft. Microsoft may use this information to provide services and improve our products and services. You may turn off the telemetry as described in the repository. There are also some features in the software that may enable you and Microsoft to collect data from users of your applications. If you use these features, you must comply with applicable law, including providing appropriate notices to users of your applications together with a copy of Microsoft’s privacy statement. Our privacy statement is located at https://go.microsoft.com/fwlink/?LinkID=824704. You can learn more about data collection and use in the help documentation and our privacy statement. Your use of the software operates as your consent to these practices.

Reporting Security Issues

Security issues and bugs should be reported privately, via email, to the Microsoft Security Response Center (MSRC) at secure@microsoft.com. You should receive a response within 24 hours. If for some reason you do not, please follow up via email to ensure we received your original message. Further information, including the MSRC PGP key, can be found in the Security TechCenter.

About

A VSCode extension that allows you to use browser devtools from within the editor. The devtools will connect to an instance of Microsoft Edge giving you the ability to alter CSS styling, perform diagnostics, and debugging. Get it now at http://aka.ms/devtools-for-code

https://docs.microsoft.com/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension

License:MIT License


Languages

Language:TypeScript 96.8%Language:JavaScript 1.3%Language:CSS 1.1%Language:HTML 0.8%