vscode-edge-devtools icon indicating copy to clipboard operation
vscode-edge-devtools copied to clipboard

how to add devices in vscode

Open Mazhar012 opened this issue 2 years ago • 5 comments

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

Describe the solution you'd like:

Describe alternatives you've considered:

Additional context:

Mazhar012 avatar Jun 03 '23 06:06 Mazhar012

I don't think you can add your own custom devices in the VSCode DevTools extension right now. @vidorteg is this something you're tracking already?

captainbrosset avatar Jun 05 '23 07:06 captainbrosset

I think the extension inherits the list from Edge, but there is no way to edit it. Might be good to have a setting for that.

codepo8 avatar Jun 27 '23 09:06 codepo8

This would be a great feature because currently there is no way to keep a aspect ratio of i.e. 16:9 or a fixed viewport size of 1920x1080. If the dropdown is set to "Responsive", the values change as soon as you resize the devtools panel.

The values are not inherited from the device list in Edge unfortunately.

dsine-de avatar Jan 21 '24 09:01 dsine-de

Has anyone found a workaround for this issue? I couldn't find any chromium launch options that would help. I develop mainly on Smart TVs so i would like to toggle between 720p and 1080p predefined viewport, and not be forced to resize it when i change the vs code layout.

Currently the only workaround for me that is good enough is to set the device to "Laptop with MDPI screen", which keeps the ratio.

KotKarol avatar Feb 01 '24 13:02 KotKarol

Unfortunately this has not been added to our extension yet.

captainbrosset avatar Feb 02 '24 08:02 captainbrosset