Responsive Web Design Testing with Google Chrome Developer Tools

If you have created a responsive web site and you would like to test it, you can do so right from your browser. This example is on Google Chrome browser. You can test using Developer Tools in Google Chrome.

Start Developer Tools in Google Chrome:

  • Chrome Menu > More Tools > Developer Tools OR press hotkey "CTRL+SHIFT+I"
  • Click on the small mobile icon on the left side to view responsive view

Click on small mobile icon on the left.


Select a predefine devices from the drop down.

A view for Samsung Galaxy S4

A view for Samsung Galaxy tab

Comment with Facebook


  1. Through constructing several sets of code, one to fit each of the key device types, Web Design Chennai

  2. 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.

  3. Thanks for sharing about Responsive Web Design Testing with Google Chrome Developer Tools..........

    CompAddicts - Web Design Company in India

  4. Thanks for sharing this great article! I feel strongly about it and love learning more on this topic. It is extremely helpful for me. I hope you post again soon.

    app development companies melbourne

  5. This is quite knowledgeable Blog written by authore. Amazing news providing me.
    Responsive Web Design Company

  6. Very impressive post. I learned lot from your blog. Thanks for sharing these valuable information's Website Design & Development Company in Bangalore


Post a Comment