January 7, 2024 5:02 am

How to test Responsive theme in Chrome

I have created a Responsive (Responsive Web Design(RWD) is a web approach aimed create sites to provide an optimal viewing experience easy reading and navigation with a minimum of re-sizing.) HTML theme and too worried how to test it on different devices and verify that how it looks, after full day searching got some hints to test it and the best way i have found is Google Chrome where we have a perfect Developer tool to test it and i did the same and it make my day. Now i am going to share that knowledge in this post and world has to know how to do it.

How-to-test-Responsive-theme-in-Chrome

Open your website in Google Chrome browser and click on menu button->Tools->Developer tools:

Chrome Developers tool

You can see menu opens in bottom of browser like this.

Chrome-Developers-tool-2

Now click on settings button on bottom right corner settings-button and get the settings.

Chrome-Developers-tool-3

Now click on Overrides it will show you window sizing and devices list to change resolution see bellow screen.

Chrome-Developers-tool-4

Check on User Agent and select your device from list given and change resolution as you want to change. I have selected Android 4.0.2…. and here is my screen on browser.

Chrome-Developers-tool-5

Author Huzoor Bux

I am Huzoor Bux from Karachi (Pakistan). I have been working as a PHP Developer from last 5+ years, and its my passion to learn new things and implement them as a practice. Basically I am a PHP developer but now days exploring more in HTML5, CSS and jQuery libraries.


Tutorial Categories:

Leave a Reply

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