Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Responsive Web Design with DevTools' Device Mode

blog.chromium.org

Post reply on HN
Print view View original

11–20 of 36 posts

Re: Responsive Web Design with DevTools' Device Mode

#11

Post by toxican »

shogun21 wrote: post #8

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

If only it came preset with a few common resolutions. Or at the very least make it easier to set your own presets. As it stands you have to resize the window to the size you want and save it. You can't just input a resolution and save it.

Re: Responsive Web Design with DevTools' Device Mode

#13

Post by Igglyboo »

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.

Yep I've been using Canary for at least 6 months and It's had it. Moving it to mainline chrome is a big deal however, a lot of people don't use Canary.

Re: Responsive Web Design with DevTools' Device Mode

#14

Post by Igglyboo »

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.

You probably won't even get 100% accurate device emulation in Chrome but if you can cut your on-device testing down by 75% it should speed things up a lot.

Re: Responsive Web Design with DevTools' Device Mode

#15

Post by dkyc »

Been using this for a while now. One very annoying thing is the weird caching behaviour of the settings: If I switch into emulation mode on tab #1 and then open the dev tools in tab #2, the second tab will also emulate the same screen resolution. However, when I reset the emulation in tab #2, tab #1 will not be changed. Is there any sense in this behaviour?

Re: Responsive Web Design with DevTools' Device Mode

#17

Post by paulirish »

CraigJPerry wrote: post #3

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

Not as far as I know. This is the first time we've been able to do per-tab throttling. Up until now tools like Fiddler, Charles Proxy or Link Conditioner throttle the entire connection. This now lets us take an entire tab offline (to test ServiceWorker or AppCache) and your other tabs are still good.

Re: Responsive Web Design with DevTools' Device Mode

#18

Post by paulirish »

dkyc wrote: post #15

Been using this for a while now. One very annoying thing is the weird caching behaviour of the settings: If I switch into emulation mode on tab #1 and then open the dev tools in tab #2, the second tab will also emulate the same screen resolution. However, when I reset the emulation in tab #2, tab #1 will not be changed. Is there any sense in this behaviour?

I've seen a lot of developers want to simultaneously test a given site with different device characteristics. So here you can have a few tabs open (iPhone, iPad, Samsung S4) all on the same page, with LiveReload so you're getting instant feedback as you develop across all those device types.

Re: Responsive Web Design with DevTools' Device Mode

#19

Post by adwf »

toxican wrote: post #11
shogun21 wrote: post #8

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

If only it came preset with a few common resolutions. Or at the very least make it easier to set your own presets. As it stands you have to resize the window to the size you want and save it. You can't just input a resolution and save it.

Dunno which version of FF you last used but, it does and you can.

Re: Responsive Web Design with DevTools' Device Mode

#20

Post by macinjosh »

shogun21 wrote: post #8

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

I was just going to say the same thing. Firefox's web tools have become dramatically better recently and everyone I mention it to say Chrome's are still better. I don't think those people have looked at Firefox in a really long time. I much prefer Firefox's tools to Chrome's.
Post reply on HN