Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

To what extent can I trust google chrome emulator?

Previously I was using google chrome emulation tab to verify that my HTML/JS page renders properly in various devices. Recently when I got ipad and started to check with it, I found that the way the page actually looks on the real device is noticeably different than in chrome emulator (which does not surprise me).

I do understand that there is no way to mimic device to 100% in chrome emulator and in most of the emulators. My question is to what extent can I trust google chrome emulator tab?

Please note, that I am not looking for oneliners like "use real device, not emulator", neither I am looking for suggestions of particular services like browserstack. I am looking for insights from folks who already have some experience with UI/JS validation for different devices and can share when is it applicable to use chrome emulator and when can it fail and it is better to use native emulator or even a real device.

like image 464
Salvador Dali Avatar asked Oct 02 '22 02:10

Salvador Dali


1 Answers

The chrome device emulator is only setting chrome to match these basic device specifications:

screen dimensions, pixel ratio, touch support, user agent string

It does nothing to specifically emulate the actual browser that is present on the device. So for example, if you find deviations between Chrome and Safari on an OsX desktop, you can expect Chrome "emulating the iPad" to continue to behave like Chrome did and the real iPad to more likely behave like Safari did.

For an iPad there are a lot of differences even a simple page is likely to expose; these are long separated webkit forks with separate cosmetics such as useragent builtin CSS. But even Android devices (pre-5.0) have a builtin browser with minimizations tuned to mobile, customizations by a vendor, and some old version of chrome's webkit.

Sites like caniuse.com show differences in support for different features between browsers, so anytime your chrome version and your other browser don't match on a feature you can expect mismatched "emulation". (But browsers that share the same support can also always be subtly different in aspects that are not entirely defined by the specifications.)

like image 200
lossleader Avatar answered Oct 03 '22 17:10

lossleader