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
 






How to test Responsive Webdesign on Firefox browser using Developer tool?

Comment with Facebook

11 comments:

  1. jadeApril 3, 2016 at 11:42 PM

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

    ReplyDelete
  2. Drupal Website Development ServicesMay 8, 2016 at 10:52 AM

    wow this blog is very nice...
    drupal services

    ReplyDelete
  3. Drupal Website Development ServicesMay 10, 2016 at 11:05 AM

    Thanks for sharing useful information...
    Drupal Web Design Company in Qatar

    ReplyDelete
  4. Drupal Website Development ServicesMay 11, 2016 at 10:51 AM

    Thanks for sharing the useful information with us.. carry on
    Drupal Web Design Company in Qatar

    ReplyDelete
  5. UnknownMay 24, 2016 at 3:54 PM

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

    CompAddicts - Web Design Company in India

    ReplyDelete
  6. shagunballaMay 25, 2016 at 12:02 PM

    Nice blogging.
    Android Developer Tools

    ReplyDelete
  7. AnonymousMay 25, 2016 at 4:56 PM

    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
  8. RamanballaJune 2, 2016 at 4:09 PM

    Thanks for posting very useful information.
    IOS app development Qatar
















    ReplyDelete
  9. Be Healthy NewsJune 25, 2016 at 3:55 PM

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

    ReplyDelete
  10. SEO BangaloreJanuary 27, 2017 at 4:03 PM

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

    ReplyDelete
  11. Ahaana jainJanuary 31, 2022 at 5:15 PM

    This was a fantastic blog. A lot of very good information given

    Software Development Company In Canada
    Best Web Design Company USA

    ReplyDelete

Subscribe to: Post Comments ( Atom )