December 23

0 comments

An easy but powerful mobile emulator in chrome.

By Christopher Mendla

December 23, 2017

Chrome

Last Updated on October 14, 2023 by Christopher G Mendla

If you are using Chrome, you can easily emulate a variety of mobile devices/resolutions.

Go to the page you want to emulate. Right click and choose “Inspect”

An easy and free mobile emulator
An easy and free mobile emulator

Using Chrome to emulate a mobile device

The Chrome browser (along with other browsers such as Firefox and Edge), provides a means to easily emulate a mobile device. This is extremely valuable when you are developing a site and need to check the rendering of your pages on various mobile platforms. 

To get started, visit the page in your desktop browser. Then right click anywhere on the page and choose “Inspect”

Right click on the page and select
Right click on the page and select “Inspect”
 

The inspect tool will appear. Look for the mobile/table icon and click that.

Choosing the mobile view
Choosing the mobile view
Once you have clicked, you should see a mobile rendering of your site. 

You can adjust the settings including rotating the display with the control panel above your ‘mobile’ page.

Note that the inspect tool offers a wide variety of tools that you can use to analyze a web page. The mobile emulation capability is only a small part of the available toolset.

Christopher Mendla

About the author

Leave a Reply

Your email address will not be published. Required fields are marked

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}