Windows 10 will reach EOS (end of support) on October 14, 2025. For more information, see this article.

Avatar for Username

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

This thread was archived. Please ask a new question if you need help.

Change Developer Tools Responsive Design Mode default resolution

  • 3 பதிலளிப்புகள்
  • 1 இந்த பிரச்சனை உள்ளது
  • 8 views
  • Last reply by jab_creations

jab_creations
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?
Attached screenshots

All Replies (3)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
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

cor-el
cor-el
  • Moderator
more options

Didn't you found these two prefs ?

  • devtools.responsive.viewport.height = 480
  • devtools.responsive.viewport.width = 320
jab_creations
jab_creations கேள்வியின் உரிமையாளர்
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.