Secret ingredients to quality software

SSW Foursquare

Do you use Chrome DevTools Device Mode to design and test your mobile views?

Last updated by Tiago Araújo [SSW] on 27 Sep 2021 11:20 pm (9 months ago) See History

Making a responsive website work well on a mobile is not easy but with the right tools you can save time and avoid bugs. You should use Chrome DevTools Device Mode to test different screen sizes.

bad rules testing responsivewebsites
Figure: Bad example - Using your browser to test a responsive website layout

2015 02 16 17 44 01
Figure: Good example - Using Device Mode & Mobile Emulation in Chrome

How to test a responsive website with Chrome DevTools Device Mode

  1. Watch this video below
  2. Read the documentation on the Chrome Developer Website.

Additional resources:

Duncan HunterDuncan Hunter

We open source. Powered by GitHub