Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/microsoft/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
https://github.com/microsoft/vscode-edge-devtools

developertools microsoft-edge-browser visual-studio

Last synced: 2 days ago
JSON representation

Host: GitHub
URL: https://github.com/microsoft/vscode-edge-devtools
Owner: microsoft
License: mit
Created: 2019-03-14T17:08:36.000Z (almost 6 years ago)
Default Branch: main
Last Pushed: 2024-09-18T20:58:31.000Z (4 months ago)
Last Synced: 2025-01-17T16:05:27.367Z (9 days ago)
Topics: developertools, microsoft-edge-browser, visual-studio
Language: TypeScript
Homepage: https://docs.microsoft.com/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension
Size: 40.5 MB
Stars: 761
Watchers: 42
Forks: 267
Open Issues: 154
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Security: SECURITY.md

Awesome Lists containing this project

awesome-chrome-devtools - VS Code - Elements for Microsoft Edge - Elements panel inside VS Code. (DevTools tooling and ecosystem / Chrome Debugger integration with Editors)

README

# 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](img/edge-for-vscode-context-walkthrough.gif)

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](https://www.microsoft.com/edge).

## Documentation

For more details on how to use and customize the extension, [refer to the documentation](https://learn.microsoft.com/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension).

## 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](https://cla.microsoft.com).

See [CONTRIBUTING.md](https://github.com/Microsoft/vscode-edge-devtools/blob/main/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](https://code.visualstudio.com/docs/getstarted/telemetry)

**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](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 [[email protected]](mailto:[email protected]). 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](https://technet.microsoft.com/security/dn606155) key, can be found in
the [Security TechCenter](https://technet.microsoft.com/security/default).