Skip to content

Instantly share code, notes, and snippets.

@ozh
Last active December 17, 2015 12:09
Show Gist options
  • Save ozh/5607258 to your computer and use it in GitHub Desktop.
Save ozh/5607258 to your computer and use it in GitHub Desktop.
Firefox Responsive mode: custom resolutions

How to add custom resolutions in Firefox Responsive Mode

  1. open about:config
  2. look for devtools.responsiveUI.presets
  3. paste the following string: [{"key":"2560x1440","width":2560,"height":1440},{"key":"1920x1200","width":1920,"height":1200},{"key":"1680x1050","width":1680,"height":1050},{"key":"1600x1200","width":1600,"height":1200},{"key":"1600x900","width":1600,"height":900},{"key":"1440x900","width":1440,"height":900},{"key":"1366x768","width":1366,"height":768},{"key":"1280x1024","width":1280,"height":1024},{"key":"1280x800","width":1280,"height":800},{"key":"1280x768","width":1280,"height":768},{"key":"1152x864","width":1152,"height":864},{"key":"1024x768","width":1024,"height":768},{"key":"800x600","width":800,"height":600},{"key":"800x1280","width":800,"height":1280},{"key":"768x1024","width":768,"height":1024},{"key":"640x960","width":640,"height":960},{"key":"360x640","width":360,"height":640},{"key":"320x480","width":320,"height":480},{"key":"320x396","width":320,"height":396},{"key":"240x320","width":240,"height":320}]
    (view this page in Raw to select the string)

This will add all the common resolutions for desktop and handheld devices:

  • Desktop 2560x1440
  • Desktop 1920x1200
  • Desktop 1680x1050
  • Desktop 1600x1200
  • Desktop 1600x900
  • Desktop 1440x900
  • Desktop 1366x768
  • Desktop 1280x1024
  • Desktop 1280x800
  • Desktop 1280x768
  • Desktop 1152x864
  • Desktop 1024x768
  • Desktop 800x600
  • Handheld 800x1280
  • Handheld 768x1024
  • Handheld 640x960
  • Handheld 360x640
  • Handheld 320x480
  • Handheld 320x396
  • Handheld 240x320
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment