[Enhancement] mobile and/or responsive screencast dimensions

[haikyuu]

Context

I want to see the app I'm working on while coding in VS Code. I think that's the main use case for the screencast feature.

But in practice, it's not usable because of the dimensions of the screencast window.

I suggest:

• [ ] We change the default dimensions to match those of a mobile screen and add another button to toggle the current dimensions (for people whose app isn't responsive)
• [ ] We add resize capabilities similar to those existing in Edge > device emulation > responsive

We can implement these separately as the first one is straightforward while the second might take some time.

I'm willing to work on the first one If you think it's reasonable.

[badcat]

I like Edge DevTool's native "Toggle Device emulation" where I get all the fancy responsive sizes. Allowing resizing handles would be super cool to have as well, but a minimum 3 sizes of Mobile, Tablet and Desktop feel like a requirement in 2021.

[mliao95]

Hey, all. I wanted to follow up on this thread. This issue is actually little trickier than what meets the eye.

The device emulation / resizing functionality discussed in this thread is available when we are using the DevTools connected directly to the Edge instance. Unfortunately, for the purposes of this extension, we utilize the DevTools' remote debugging capabilities to communicate with the Edge target where that functionality does not exist.
The general use case for remote debugging in the DevTools is developers debugging instances on their mobile devices which is why the Toggle device toolbar button is replaced with a Toggle screencast button.

I am going to keep this issue open for the time being while we investigate our options as we acknowledge this would be a nice value add for the extension.