search

adobe / brackets

An open source code editor for the web, written in JavaScript, HTML and CSS.
http://brackets.io
MIT License
33.26k stars 7.64k forks source link

[Feature Request] - Device Emulation #9102

Open eWert-Online opened 10 years ago

eWert-Online commented 10 years ago

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

redmunds commented 10 years ago

@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.

marcelgerber commented 10 years ago

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

eWert-Online commented 10 years ago

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.

marcelgerber commented 10 years ago

@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.

mkurz commented 9 years ago

+1

peterflynn commented 9 years ago

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?

mkurz commented 9 years ago

@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: