search

brackets-archive / bracketsIssues

Archive of issues in brackets.
0 stars 0 forks source link

[Feature Request] - Device Emulation #12825

Open core-ai-bot opened 3 years ago

core-ai-bot commented 3 years ago

Issue by eWert-Online Sunday Sep 14, 2014 at 13:05 GMT Originally opened as https://github.com/adobe/brackets/issues/9102

I would like to see some form of Device Emulation (like in Chrome) while in Live preview.

core-ai-bot commented 3 years ago

Comment by redmunds Sunday Sep 14, 2014 at 19:59 GMT

@eWert-Online We're working on a version of Live Preview that works in any browser, including actual devices. Would that be helpful?

As far as Device Emulation in Chrome, can you activate that when in the current version of Live Preview? Maybe you can provide some more details about how you would like to see this work in Brackets. Thanks.

core-ai-bot commented 3 years ago

Comment by MarcelGerber Sunday Sep 14, 2014 at 21:26 GMT

@redmunds Well, for device emulation, you need to open the Dev Tools in Chrome which immediately stops Live Preview.

core-ai-bot commented 3 years ago

Comment by eWert-Online Monday Sep 15, 2014 at 07:38 GMT

LivePreview on an actual device? Sounds awesome!

But as far as mobile tesing goes, I don't think it's really useful, because I (personally) don't have every device possible, but I have to test my App on (nearly) every device / resolution.

As@MarcelGerber already said, till now it's not possible, to emulate devices in chrome, while in LivePreview. Nice would be some workaround / feature that would make that possible.

I will post some images, which will explain my thoughts, later.

core-ai-bot commented 3 years ago

Comment by MarcelGerber Monday Sep 15, 2014 at 14:06 GMT

@redmunds In case you didn't hear about Device Emulation, Chrome has damn cool tools to do so. I hope this screen illustrates how widespread and easy-to-use Device Emulation is in Chrome (the screenshot was taken in Canary, as the tools got much better recently): image

You can find out more here.

core-ai-bot commented 3 years ago

Comment by mkurz Thursday Feb 19, 2015 at 19:05 GMT

+1

core-ai-bot commented 3 years ago

Comment by peterflynn Friday Feb 20, 2015 at 20:53 GMT

The new Multi-Browser Live Preview feature should allow you to open dev tools without disabling Live Preview. Can anyone test this out and see if Live Preview works ok after enabling device emulation in dev tools?

core-ai-bot commented 3 years ago

Comment by mkurz Friday Feb 20, 2015 at 21:07 GMT

@peterflynn Yes it is working! Right now I am developing a website using the new Multi-Browser Live Preview feature and (beside some smaller issues like #10635) it works like a charm. Currently I have 3 Chrome windows open next to each other and two of them have device emulation enabled with different settings (one emulates Iphone 4 and the other Iphone 6). It's a really nice feature! Looking forward to use it remote to live develope on real devices in parallel (I wonder how it will work using my 2 tablets and 2 smartphones in parellel via wifi) :smile: