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.
Open your website in Google Chrome browser and click on menu button->Tools->Developer tools:
You can see menu opens in bottom of browser like this.
Now click on settings button on bottom right cornerÂ Â and get the settings.
Now click on Overrides it will show you window sizing and devices list to changeÂ resolution see bellow screen.
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.