We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Etsi tuesta

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.

Lue lisää

Ketju on arkistoitu. Esitä kysymys, jos tarvitset apua.

Change Developer Tools Responsive Design Mode default resolution

  • 3 vastausta
  • 1 henkilöllä on sama ongelma
  • 5 näyttöä
  • Viimeisin kirjoittaja 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?
Liitetyt ruutukaappaukset

Kaikki vastaukset (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
  • Top 10 Contributor
more options

Didn't you found these two prefs ?

  • devtools.responsive.viewport.height = 480
  • devtools.responsive.viewport.width = 320
jab_creations
jab_creations Kysymyksen kysyjä
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.