geeky · mobile

Chrome Mobile Emulation in Action

Get latest updates on chrome emulation

Step 1

Open a regular website in Chrome.

Step 2

Right click -> Inspect Element to bring up the develop tools.

Step 3

Click on the settings Icon

settings

Verify the mobile emulation is turned on under Appearances

Step 4

Either hit the ESC button or this little icon to open the drawer.
chromeConsoleDrawer

Step 5

Select the device you’d like to emulate.

Step 6

See it in action.
regretlessMobile

Step 7

Read more about all of the features available. This does a lot more than the regular user agent switcher.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s