Forum Moderators: not2easy

Message Too Old, No Replies

Is Google chrome developer tools mobile emulator accurate?

         

Oimachi2

10:03 am on Jan 27, 2015 (gmt 0)

10+ Year Member Top Contributors Of The Month



How accurate is the Chrome extension?

Designs work on it , but in Opera Mobile emulator they don't...so what emulator is defective, Chrome extension or opera mobile?

Is there a tool that will guarantee me 100% that the site is as viewed on mobile devices?

Or do I need to upload the site and try it live on a whole bunch of devices...ouch!

justa

10:36 am on Jan 27, 2015 (gmt 0)

10+ Year Member



The developer tools on Chrome give you a pretty good indication as to how the site might render, however they are all being rendered using the Blink rendering engine so you won't get the nuances of difference browsers on the devices (seeing as you mentioned opera mobile emulator).

There are two factors when you're looking at this.

One is how the site renders upon a mobile. This is based upon device/viewport width, connection speed, hardware acceleration, additional input types (gyroscope, accelerometer, touch etc). This is difficult to test on an emulator.

The other is how the site renders upon a mobile browser. This is based on viewport width, connection speed, user agent strings etc. These things can be faked using the Google Development tools mobile view and tweaking the device type, user agent and connection speeds (although mobile latency won't be a factor here).

The harsh truth is yes, for best results you need to try your site on a whole bunch of devices. You can find Open Device labs that help out with this stuff, [opendevicelab.com...] and you can try [browsersync.io...] if you have the devices yourself.

Oimachi2

12:47 pm on Jan 27, 2015 (gmt 0)

10+ Year Member Top Contributors Of The Month



So what is more accurage, Chrome or Opera emulator?

not2easy

3:42 pm on Jan 27, 2015 (gmt 0)

WebmasterWorld Administrator 10+ Year Member Top Contributors Of The Month



On their site: [developers.google.com...] Google tells people to use the online tools for more accurate information than their Chrome Extension:
Note: As of August 1st 2013, we have updated the online version of PageSpeed Insights with in-depth multi-device performance analysis: critical path and rendering performance, UX analysis, and more. The Chrome extension does not currently offer the same functionality, so when possible, we recommend using the online tool or the Insights API instead.

Oimachi2

11:17 am on Jan 28, 2015 (gmt 0)

10+ Year Member Top Contributors Of The Month



Well, I must say, nothing fits all...depending on templates and components, emulators ect...all different.

I use responsive templates, bootstrap ect...

It all changes all the time and extremely inconsistent...

So there is no solution to mobile development?

not2easy

12:19 pm on Jan 28, 2015 (gmt 0)

WebmasterWorld Administrator 10+ Year Member Top Contributors Of The Month



There is no single "Do This" solution, no. There are options and you decide which options work for what you are trying to accomplish.

Mobile friendly websites either design to resize all elements to fit the device they are viewed on or they offer multiple versions of the same content based on the size of the screen being used.

The same end is accomplished by creating two (or more) separate sites and detecting the device to deliver the content. Detecting devices is not very exact. Letting the device screen width determine what/how content is delivered is better. Allowing the content to fit the device is the simplest but not effective for all sites. So there are choices.

justa

10:21 pm on Jan 28, 2015 (gmt 0)

10+ Year Member



I would guess the opera emulator would be more accurate, but if you own a phone just download opera mini and try it yourself on a real device.