As more and more people start surfing on their mobile devices, it is becoming pertinent for us – the webmasters – to make sure that our websites render well in the mobile browser. Responsive web design is probably the way to go, but still that requires a lot of testing to make sure it fits nicely in all devices and screen size. It is almost impossible to get ahold of all the mobile devices in the world, but with a nifty tool in Google Chrome’s developer tool, you can easily test your website in a large list of mobile devices (without spending a single dime).

The “Device Mode” emulation in Chrome’s Developer Tool is a useful tool for you to test your website on multiple mobile devices. As its name implies, it emulates the browser in various devices so you can see how your website renders in each browser.

To get started, open up Chrome and load the website you want to test. Press F12 (“Cmd + Opt + I” for Mac OS X) to open the Developer Tool. Alternatively, you can right click your mouse and select “Inspect Element”.

chrome-open-developer-tool

In the Developer Tool window, click the mobile icon at the top left corner.

chrome-toggle-device-mode

Switch back to the main Chrome window and you should see the website changed to a grid mode.

chrome-website-in-device-mode

Now, all you have to do is to select the mobile device in the “Device” dropdown list. The website will auto-resize itself to match the device’s screen size.

Scrolling through the device list, you can find some of the popular devices like iPhone 3GS, 4, 5, 6, 6 Plus, Samsung Galaxy Note, etc.

chrome-device-list-in-device-mode

Other things that you can test in the device mode include changing the screen resolution, setting the pixel ratio, changing the browser’s user agent, etc.

To exit the “device mode,” simply return to the Developer Tool window and click the mobile icon again, or simply close the Developer Tool window.

Conclusion

The developer tool in Google Chrome is a very powerful and useful tool for webmasters and developers to test and debug their websites. There is a similar tool in Firefox as well (in fact, most browsers come with a developer tool mode), but the one in Chrome comes with more features and is easier to use.

How To Open Multiple Links in Chrome

You might come across a webpage with several links that you want to check them out. If you’re looking for a fast, efficient way to open links in the fastest way possible, then LinkClump might just help you with that.

How to Password Protect a Spreadsheet in Google Drive

Google Drive offers a lot of features for users, but some of the basics have always been missing, such as password protection. Here is how you can password protect a spreadsheet in Google Drive.

Show Notification Counts on Pinned Tabs in Chrome

Do you use pinned tabs in Chrome as a way to keep up with your email and/or social networking sites – like Facebook, Twitter, and LinkedIn? Wouldn’t it be great if you could display notification counts for messages and unread items on your pinned tabs? Here’s how you can do so.

Get a Better Extension Manager In Chrome With SimpleExtManager

The extension manager in Chrome has always given users the bare minimum to work with when dealing with extensions, themes and apps. The SimpleExtManager for Chrome gives users the functionality they deserve.

Identity Theft on The Internet: Can You Prevent It?

What if someone else had enough information about you from the web to become you? What can you do to prevent identity theft? We’re here to help you out.

Get Facebook Chat Heads in Google Chrome

Facebook chat heads is only available for Facebook Messenger app, but now you can use it in Google Chrome with the faces.im extension.

How to Add Notes to Specific URLs in Chrome

Bookmark a URL doesn’t allow you to add your own notes about that site. If you want to add notes and save webpages at the same time, AnnoPad is a great solution.

Why Am I Not Getting My Full Internet Speed on Fiber?

Despite the fact that fiber is amazingly fast, it’s not necessarily delivering the Internet speed it promises. Check out the reasons why is this so.

Stop Facebook from Selling Out Your Browsing Data

Facebook stated that it is going to share the data it has collected with advertisers so they can show you more relevant ads. Here is how you can prevent it.

MTE Explains: What Is an RFC?

You’ve probably seen the term RFC thrown around in applications that you’ve been using. What is this mysterious RFC that people been talking about? Let’s find out.

Why You Should Use DuckDuckGo

Good Google alternatives are really hard to find. One that respects your privacy as a user is DuckDuckGo. Here is why you should use Duckduckgo.

9 YouTube Features You Probably Haven’t Heard of

Along with the great content, YouTube has also got a lot of great features. Here’s a list of 9 really useful YouTube features that you probably haven’t heard of.