Search This Blog

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
 






11 comments:

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

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

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

    CompAddicts - Web Design Company in India

    ReplyDelete
  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


    ReplyDelete
  5. Thanks for posting very useful information.
    IOS app development Qatar
















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

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

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...