Firefox: Responsive design testing for Mobile devices

Follow the below steps to set the preset value for responsive design testing on mobile devices

i) Go to the address bar in firefox and type “about.config

ii) You will get a warning message stating “This might void your warranty … Changing these advanced settings can be harmful to the stability …..”. Click the button “I’ll be careful, I promise!’

iii) In the search bar, type “presets” and look through the filter values for “devtools.responsiveUI.presets“. Double click on the preference name “devtools.responsiveUI.presets” and enter the values

[{“key”:”320×480″,”name”:”iPhone 3g/3gs”,”width”:320,”height”:480},{“key”:”360×640″,”name”:”Nokia E7, n90″,”width”:360,”height”:640},{“key”:”640×960″,”name”:”iPhone4/4s”,”width”:640,”height”:960},{“key”:”640×1136″,”name”:”iPhone5/5c/5s”,”width”:640,”height”:1136},{“key”:”768×1024″,”name”:”ipad1/2″,”width”:768,”height”:1024},{“key”:”800×480″,”name”:”Android-WVGA”,”width”:800,”height”:480},{“key”:”800×1280″,”name”:”KindleFireHD8.9″,”width”:800,”height”:1280},{“key”:”2048×1536″,”name”:”Retina display”,”width”:2048,”height”:1536},{“key”:”600×800″,”name”:”KindleFire/Galaxy/Nexus”,”width”:600,”height”:800}]

Once the values are entered, you can open a new instance of the browser and click ctrl + shift + m to open up the responsive web view

Share it onShare on FacebookShare on Google+Tweet about this on TwitterShare on LinkedIn

Written by kurinchilamp

Website: http://

Leave a Reply

Your email address will not be published. Required fields are marked *

Read previous post:
Responsive web page testing tools available online

Quirktools - Screenfly Interesting site to test mobile web pages of various screen sizes (kindle fire, samsung galaxy tab, google...