How to test Responsive Web Design in Google Chrome web browser (using extension)?

So you have created a Responsive Web Design website and you would like to test right from your browser? Yes, you can do that. 

 What is a responsive web design?
"Responsive web design (RWD) is an approach to web design aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones)."
Source: Wikipedia

How do one normally test a  Responsive Web Design?

Just open the website in a browser on mobile device such as mobile phone or tablets.

What if you would like to test right from your browser on your computer where you are developing without the need to find out from another device? Yes, you can. 

Google Chrome extensions to test Responsive Web Design:
Responsive Web Design Tester
  • Go to Google Extensions
  • Search for  "Responsive Web Design Tester"
  • Add to Chrome
  • An Icon will appear on the toolbar
  • Open the website in a tab
  • Click on the icon and select a device
  • A pop-up window will appear showing how the website will appear as for that device

Another screenshot from Mobile/Responsive Webdesign tester extension for chrome.
The functions are the same.

There are several other extensions available for Google Chrome browser. You can explore and install any of your liking.

Don't want to install any extension? There are online tools too!
See here:

Comment with Facebook


  1. The main thing which i like about web designing is that it needs creativity and we need to work differently acccording to our clients need this needs a creativity and innovation.
    web designing course in chennai|web designing training in chennai|FITA Velachery Reviews

    1. Hi Raghu Sharma,
      True that. Responsive websites are in demand and for good reasons.
      All the best with your business. :)

  2. It's fully informative post and I found your interesting post.
    Responsive Web Design Company

  3. The alternative, static width websites, have to make a choice. Web Design Chennai

    1. I will go for responsive design. :)

  4. This is one of the best article in this blog,thanks for sharing information about responsive web design in google chrome browser,keep it up...
    Best Web Designing Agency Bangalore | Web Development Agency Bangalore

  5. Thank you too mate for dropping by and for the comment.
    Have a nice day!

  6. Very nice document posted here.I really love it and i want to say that volive solutions is a responsive website design company in Qatar.

  7. With the increase in usage of websites and the dependency of businesses on websites, the field of web designing is extremely beneficial and this is considered to be the right time to enter in this industry.
    Webdesigning course in Chennai | Webdesigning training in Chennai | Webdesigning training institute in Chennai

  8. Very informative piece of article, this blog has helped me to understand the concept even better. Keep on blogging.
    Webdesigning course in Chennai | Webdesigning training in Chennai | Webdesigning training institute in Chennai

  9. Great content. It certainly helps to know what you are trying to do

  10. Web design tricks are used by Professional web designers; to create effective web page designs but most importantly to show off beautiful code. Check this Credit Union Web Design hope you will like this.

  11. In my opinion, great content is above all. So focusing on creating good quality of content is the solution.


    Melbourne web developer

  12. There are lots of ways to check responsiveness of a website, we mostly check it manually. If you are doing it for multiple websites than using a chrome extension is a great idea.

    Web development company in Indore


Post a Comment