Device Emulation with Google Chrome Dev/Canary

This week, after seeing a snapshot that my friend ‘led’ posted on Facebook about some mobile tests for one of his projects, I’ve noticed about a certain device emulation feature on Chrome developer tools. Hum…. that is interesting.

A simple Google search directed me right away for something I’ve already was aware but with some new funky stuff:

After the sexy photo we’ll get on how to install Chrome Canary build on Windows 8 and Chrome Dev on Arch Linux.

Nokia Lumia emulation in action

A simple example on Windows 8:

Nokia Lumia emulation

Installing Canary Build on Windows

Canary Build run side-by-side with your existing Chrome installation.

Using Chocolatey (can’t get more sweet)

Google Chrome Canary is available through Chocolatey, so simply install it using cinst.

c:\> cinst GoogleChrome.Canary

If you using Windows and you don’t know what Chocolatey is you are missing all the fun.

Regular Download

Simply download Chrome Canary run the installer.

Installing Chrome Dev on Arch Linux/linux

Chrome Dev run side-by-side with your existing Chromium installation.

This is my distro of choice but for any other popular like Debian based get the packages from Chrome Release Channels.

google-chrome-dev is available through AUR, so simply install it using yaourt:

$ yaourt -S google-chrome-dev

Enabling Emulation

Enable the emulation panel following simple instructions.

Final Thoughts

On this mobile era a lot of new tools for assisting web developers are arising. Could be a real challenge making compliant web sites/apps across the most popular devices. Having access to a good amount of devices at the same time for pre-launch tests/QA that also is usually a challenge. New tools are always welcome.

Thank you Google for continuing to give back cool tools for the comunity and thank you ‘led’ for the ‘tip’.

comments powered by Disqus