Responsive Web Design with DevTools' Device Mode

#1

Post by AshleysBrain » Tue, Sep 09, 2014, 11:57 AM UTC

Responsive Web Design with DevTools' Device Mode
blog.chromium.org

Re: Responsive Web Design with DevTools' Device Mode

#2

Post by wil421 » Tue, Sep 09, 2014, 12:20 PM UTC

I hope this works better than the current way. Emulating a device on Chrome isnt really accurate. There are more differences than similarities when I go and test it on an actual device.

Re: Responsive Web Design with DevTools' Device Mode

#3

Post by CraigJPerry » Tue, Sep 09, 2014, 12:30 PM UTC

Is the network bandwidth limiting functionality a common feature in browser dev tools?

Re: Responsive Web Design with DevTools' Device Mode

#4

Post by andegre » Tue, Sep 09, 2014, 12:33 PM UTC

Freaking awesome!

Re: Responsive Web Design with DevTools' Device Mode

#5

Post by huskyr » Tue, Sep 09, 2014, 12:43 PM UTC

wil421 wrote: post #2

I hope this works better than the current way. Emulating a device on Chrome isnt really accurate. There are more differences than similarities when I go and test it on an actual device.

Of course, nothing beats testing a site on the real thing (which you should do anyway). However, the Chrome tools are a big step up in development from just using the regular desktop browser. At least you can easily switch resolutions and emulate touch events.

Re: Responsive Web Design with DevTools' Device Mode

#6

Post by rjv » Tue, Sep 09, 2014, 12:47 PM UTC

wil421 wrote: post #2

I hope this works better than the current way. Emulating a device on Chrome isnt really accurate. There are more differences than similarities when I go and test it on an actual device.

I've found you'll never get a 100% accurate representation with these "emulators," but it's certainly a good starting point. You're better off using a service like BrowserStack for your in-depth testing.

Re: Responsive Web Design with DevTools' Device Mode

#7

Post by piratebroadcast » Tue, Sep 09, 2014, 12:59 PM UTC

Hasnt this been in Chrome Canary for forever? Not being a smartass but I don't see whats new here. Maybe I need a coffee.

Re: Responsive Web Design with DevTools' Device Mode

#8

Post by shogun21 » Tue, Sep 09, 2014, 1:11 PM UTC

Firefox has had this feature for a long time...

Re: Responsive Web Design with DevTools' Device Mode

#9

Post by _mayo » Tue, Sep 09, 2014, 1:15 PM UTC

piratebroadcast wrote: post #7

Hasnt this been in Chrome Canary for forever? Not being a smartass but I don't see whats new here. Maybe I need a coffee.

Yeah, it has been in Canary and beta channel for a while now. But not all developers run Canary.

Re: Responsive Web Design with DevTools' Device Mode

#10

Post by wil421 » Tue, Sep 09, 2014, 1:18 PM UTC

rjv wrote: post #6

wil421 wrote: post #2

I hope this works better than the current way. Emulating a device on Chrome isnt really accurate. There are more differences than similarities when I go and test it on an actual device.

I've found you'll never get a 100% accurate representation with these "emulators," but it's certainly a good starting point. You're better off using a service like BrowserStack for your in-depth testing.

Interesting I will have to look into BrowserStack. My employer likes me to develop for devices I dont physically have or are not able to test on due to restrictive corporate network policies.