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://docs.microsoft.com/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension
MIT License
747 stars 255 forks source link

screencast with support for responsive mode, also auto reload #485

Open VaarunSinha opened 3 years ago

VaarunSinha commented 3 years ago

Is your feature request related to a problem? Please describe.

this misses the point of everything in vscode we cannot test responsiveness in vs code we have to use the browser.

Describe the solution you'd like:

auto-live server url configured. live server automatically starts in edge, screen cast of browser window with option to test responsiveness of the website.

Describe alternatives you've considered: I have updated the config file with live-server url and installed live server no problem npm package.

Additional context:

Loving this extension, and Microsoft edge but if we have to test the responsiveness of the website then we have to go to the browser window. and inspect it. also add autoreload.

codepo8 commented 3 years ago

Thank you for your feedback, we're currently looking into integrating with the live server extension and will keep you updated. As to the responsive mode, this is also something we are actively working on.