Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Hierdie gesprek is in die argief. Vra asseblief 'n nuwe vraag as jy hulp nodig het.

Change Developer Tools Responsive Design Mode default resolution

  • 3 antwoorde
  • 1 het hierdie probleem
  • 5 views
  • Laaste antwoord deur jab_creations

more options

I'm a web developer and I've been using the web developer Responsive Design Mode for some testing.

Unfortunately the default resolution is 320x480 and while I do occasionally test this resolution (it's our bare minimal mobile resolution) it's obnoxious to have to always choose the drop down menu to change the resolution every-single-time!

I've already searched through about:config settings for queries such as 320 and 480 separately.

So: how do I change the Responsive Design Mode default resolution?

I'm a web developer and I've been using the web developer Responsive Design Mode for some testing. Unfortunately the default resolution is 320x480 and while I do occasionally test this resolution (it's our bare minimal mobile resolution) it's obnoxious to have to always choose the drop down menu to change the resolution every-single-time! I've already searched through about:config settings for queries such as 320 and 480 separately. So: how do I change the Responsive Design Mode default resolution?
Aangehegde skermkiekies

All Replies (3)

more options

Your browser identified itself as Waterfox on a basis of an older version of Firefox, so this may or may not apply to you.

My Firefox always re-uses the last resolution. In about:config, I notice these preferences, which could be the way that happens:

  • devtools.responsive.userAgent
  • devtools.responsive.viewport.height
  • devtools.responsive.viewport.pixelRatio
  • devtools.responsive.viewport.width

Or maybe it's something in

[profile.folder]\storage\permanent\indexeddb+++fx-devtools\idb

more options

Didn't you found these two prefs ?

  • devtools.responsive.viewport.height = 480
  • devtools.responsive.viewport.width = 320
more options

@jscher2000 That works in Firefox however since they destroyed Firefox as of 57.0 I rarely test it.

I did a fairly thorough search of the Waterfox Classic files and I just can't find anything correlating to a preference let alone the DOM used for the Responsive Design Mode tool.