search

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
743 stars 249 forks source link

Higher resolution is needed for the page in Edge DevTools #1308

Open ZhengLin-Li opened 1 year ago

ZhengLin-Li commented 1 year ago

Feature request details Higher resolution is needed for the page in Edge DevTools.

Now, the resolution of the page in Edge DevTools is lower than what it is in Edge. For example, if I opened the same .html file, the resolution of the page in Edge DevTools (left) is lower than the page in Edge (right).

For screen resolution of 2560x1440: Screenshot (4)

For screen resolution of 1920x1080: Screenshot (5)

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

No, it is not related to a problem, users can use the extension without this feature. But with this feature, the experience will improve a lot.

Describe the solution you'd like:

Describe alternatives you've considered:

Additional context:

Extension version: Microsoft Edge Tools for VS Code v2.1.1

captainbrosset commented 1 year ago

Thank you for reporting this. Let me make sure this is tracked by the team.

lopugit commented 1 month ago

Hi ! 👋 This is INCREDIBLE

Could we just get automatic height/width based on the vscode tab window dimensions and then allow zooming in and out like on a standard edge window instance?

Regards :)

lopugit commented 1 month ago

Hmmmm, I'm getting very laggy streaming of the edge tab 👀 Is that expected?

captainbrosset commented 1 month ago

@lopugit

Could we just get automatic height/width based on the vscode tab window dimensions and then allow zooming in and out like on a standard edge window instance?

I moved this to its own new issue on the repo.

Hmmmm, I'm getting very laggy streaming of the edge tab 👀 Is that expected?

Some lag is expected, because the browser preview is indeed getting streamed from a headless browser instance. A lot of lag sounds like a bug. Can you please open a new issue with detailed steps to reproduce?

lopugit commented 1 month ago

Wow @captainbrosset thanks for the super quick response!

Yes sure I will look into this! :)

Thanks heaps :)