X
Tap here to go to the mobile version of the site.

Support Forum

reset defaults to responsive design view

Posted

I have mistakenly removed presets in the "responsive design view" option found under "Web developer" option in menu. Is there a way to bring them back. I don't wan't to reset my firefox to factory settings.

Any help shall be appreciated.

Thanks
I have mistakenly removed presets in the "responsive design view" option found under "Web developer" option in menu. Is there a way to bring them back. I don't wan't to reset my firefox to factory settings. Any help shall be appreciated. Thanks

Chosen solution

Here's what I have and where to paste it. If you created your own sizes that you do not want to overwrite, you may need to copy those out and edit them into the array first before pasting.

(1) Select and copy:

[{"key":"320x480","width":320,"height":480},{"key":"360x640","width":360,"height":640},{"key":"768x1024","width":768,"height":1024},{"key":"800x480","name":"Android-WVGA","width":800,"height":480},{"key":"800x1280","width":800,"height":1280},{"key":"980x1280","width":980,"height":1280},{"key":"1280x600","width":1280,"height":600},{"key":"1920x900","width":1920,"height":900}]

(2) In a new tab, type or paste about:config in the address bar and press Enter. Click the button promising to be careful.

(3) In the filter box, type or paste preset and pause while the list is filtered

(4) Double-click the devtools.responsiveUI.presets preference and paste.

Read this answer in context 14

Additional System Details

Installed Plug-ins

  • 5.1.20125.0
  • NPRuntime Script Plug-in Library for Java(TM) Deploy
  • Adobe PDF Plug-In For Firefox and Netscape "9.4.0"
  • Windows Presentation Foundation (WPF) plug-in for Mozilla browsers
  • DRM Netscape Network Object
  • Npdsplay dll
  • DRM Store Netscape Plugin
  • JInitiator 1.3.1.22 for Netscape Navigator (DLL Helper)

Application

  • Firefox 20.0
  • User Agent: Mozilla/5.0 (Windows NT 5.1; rv:20.0) Gecko/20100101 Firefox/20.0
  • Support URL: http://support.mozilla.org/1/firefox/20.0/WINNT/en-US/

Extensions

  • Firebug 1.11.2 (firebug@software.joehewitt.com)
  • Status-4-Evar 2012.04.21.13 (status4evar@caligonstudios.com)
  • Troubleshooter 1.1a (troubleshooter@mozilla.org)
  • FireFTP 2.0.7 ({a7c6cf7f-112c-4500-a7ea-39801a327e5f}) (Inactive)
  • Java Quick Starter 1.0 (jqs@sun.com) (Inactive)
  • Microsoft .NET Framework Assistant 1.0 ({20a82645-c095-46ed-80e3-08825760534b}) (Inactive)
  • SQLite Manager 0.7.7 (SQLiteManager@mrinalkant.blogspot.com) (Inactive)

Javascript

  • incrementalGCEnabled: True

Graphics

  • adapterDescription: Intel(R) 82945G Express Chipset Family
  • adapterDescription2:
  • adapterDeviceID: 0x2772
  • adapterDeviceID2:
  • adapterDrivers: ialmrnt5
  • adapterDrivers2:
  • adapterRAM: Unknown
  • adapterRAM2:
  • adapterVendorID: 0x8086
  • adapterVendorID2:
  • direct2DEnabled: False
  • direct2DEnabledMessage: [u'blockedDriver']
  • directWriteEnabled: False
  • directWriteVersion: 0.0.0.0
  • driverDate: 4-5-2005
  • driverDate2:
  • driverVersion: 6.14.10.4299
  • driverVersion2:
  • info: {u'AzureCanvasBackend': u'cairo', u'AzureFallbackCanvasBackend': u'none', u'AzureContentBackend': u'none'}
  • isGPU2Active: False
  • numAcceleratedWindows: 0
  • numAcceleratedWindowsMessage: [u'tryNewerDriver', u'6.1400.1000.4926']
  • numTotalWindows: 1
  • webglRendererMessage: [u'tryNewerDriver', u'6.1400.1000.4926']
  • windowLayerManagerType: Basic

Modified Preferences

  • accessibility.typeaheadfind.flashBar: 0
  • browser.cache.disk.capacity: 358400
  • browser.cache.disk.smart_size.first_run: False
  • browser.cache.disk.smart_size.use_old_max: False
  • browser.cache.disk.smart_size_cached_value: 358400
  • browser.cache.memory.capacity: 32768
  • browser.places.importBookmarksHTML: False
  • browser.places.smartBookmarksVersion: 4
  • browser.startup.homepage_override.buildID: 20130326150557
  • browser.startup.homepage_override.mstone: 20.0
  • dom.mozApps.used: True
  • dom.w3c_touch_events.expose: False
  • extensions.lastAppVersion: 20.0
  • gfx.direct2d.disabled: True
  • layers.acceleration.disabled: True
  • network.cookie.prefsMigrated: True
  • places.database.lastMaintenance: 1366613867
  • places.history.expiration.transient_current_max_pages: 53427
  • places.last_vacuum: 1297840564
  • plugin.disable_full_page_plugin_for_types: application/pdf
  • privacy.donottrackheader.enabled: True
  • privacy.sanitize.migrateFx3Prefs: True
  • security.warn_viewing_mixed: False

Misc

  • User JS: No
  • Accessibility: No
Andrew
  • Moderator
317 solutions 4005 answers

Helpful Reply

Resetting is the best way to restore what you lost.

Resetting is the best way to restore what you lost.

Question owner

Thanks for the quick response. Actually I dont wan't to reset the firefox browser because there are other settings that will be lost.

Thanks for the quick response. Actually I dont wan't to reset the firefox browser because there are other settings that will be lost.
Andrew
  • Moderator
317 solutions 4005 answers
Not sure if the following will help: https://developer.mozilla.org/en-US/docs/Tools/Responsive_Design_View

Question owner

Thanks for the link, the above link is telling about responsive design view which I already know. It would be appreciated if the makers of this feature would simply allow the user to add a new preset.

Note: There is an option of doing this though, but clicking that option simply allows the selected resolution to be renamed; one can not change the values of resolution.

Thanks for the link, the above link is telling about responsive design view which I already know. It would be appreciated if the makers of this feature would simply allow the user to add a new preset. Note: There is an option of doing this though, but clicking that option simply allows the selected resolution to be renamed; one can not change the values of resolution.
jscher2000
  • Top 10 Contributor
8026 solutions 65605 answers

Chosen Solution

Here's what I have and where to paste it. If you created your own sizes that you do not want to overwrite, you may need to copy those out and edit them into the array first before pasting.

(1) Select and copy:

[{"key":"320x480","width":320,"height":480},{"key":"360x640","width":360,"height":640},{"key":"768x1024","width":768,"height":1024},{"key":"800x480","name":"Android-WVGA","width":800,"height":480},{"key":"800x1280","width":800,"height":1280},{"key":"980x1280","width":980,"height":1280},{"key":"1280x600","width":1280,"height":600},{"key":"1920x900","width":1920,"height":900}]

(2) In a new tab, type or paste about:config in the address bar and press Enter. Click the button promising to be careful.

(3) In the filter box, type or paste preset and pause while the list is filtered

(4) Double-click the devtools.responsiveUI.presets preference and paste.

Here's what I have and where to paste it. If you created your own sizes that you do not want to overwrite, you may need to copy those out and edit them into the array first before pasting. (1) Select and copy: [{"key":"320x480","width":320,"height":480},{"key":"360x640","width":360,"height":640},{"key":"768x1024","width":768,"height":1024},{"key":"800x480","name":"Android-WVGA","width":800,"height":480},{"key":"800x1280","width":800,"height":1280},{"key":"980x1280","width":980,"height":1280},{"key":"1280x600","width":1280,"height":600},{"key":"1920x900","width":1920,"height":900}] (2) In a new tab, type or paste '''about:config''' in the address bar and press Enter. Click the button promising to be careful. (3) In the filter box, type or paste '''preset''' and pause while the list is filtered (4) Double-click the '''devtools.responsiveUI.presets''' preference and paste.
jscher2000
  • Top 10 Contributor
8026 solutions 65605 answers

Actually, if you do not have any presets you've created that you want to save, you can simply zap that preference (right-click > Reset) to return to the defaults.

Actually, if you do not have any presets you've created that you want to save, you can simply zap that preference (right-click > Reset) to return to the defaults.

Question owner

Thanks a lot. That helped.

Thanks a lot. That helped.
jack_fu 0 solutions 3 answers

AMAZING! I love Firefox.

What would make my life perfect, is if I can get a whole list of presets for all major devices in this formatted code, with their corresponding names.

Am I asking too much? Does anyone have this handy???

Much appreciated.

AMAZING! I love Firefox. What would make my life perfect, is if I can get a whole list of presets for all major devices in this formatted code, with their corresponding names. Am I asking too much? Does anyone have this handy??? Much appreciated.
jscher2000
  • Top 10 Contributor
8026 solutions 65605 answers

I don't think many people on the support forum are using Responsive Design View yet. If you search around on the web, can you find a critical mass of users somewhere?

I don't think many people on the support forum are using Responsive Design View yet. If you search around on the web, can you find a critical mass of users somewhere?
jack_fu 0 solutions 3 answers

No. This thread is all I could find. I think it's a nice tool but it's hard to specify dimensions if I want to add a preset. I have to keep adjusting the window. The method proposed is much easier. I was looking for additional presets that I can just download, or even a list of dimensions that I can format into this proposed code and voila. But no luck finding it.

There are so many devices and I'm a bit new to responsive design. So this helps a lot.

No. This thread is all I could find. I think it's a nice tool but it's hard to specify dimensions if I want to add a preset. I have to keep adjusting the window. The method proposed is much easier. I was looking for additional presets that I can just download, or even a list of dimensions that I can format into this proposed code and voila. But no luck finding it. There are so many devices and I'm a bit new to responsive design. So this helps a lot.
jscher2000
  • Top 10 Contributor
8026 solutions 65605 answers

Hi jack_fu, yes, I think that drop-down menu needs a place to simply type the height and width instead of having to move pixel by pixel. Not sure if there is a wish list for this anywhere... Mozilla's decentralized method of working on wikis, bug databases, issue lists, blogs, etc., can make such things hard to track down.

Hi jack_fu, yes, I think that drop-down menu needs a place to simply type the height and width instead of having to move pixel by pixel. Not sure if there is a wish list for this anywhere... Mozilla's decentralized method of working on wikis, bug databases, issue lists, blogs, etc., can make such things hard to track down.
cor-el
  • Top 10 Contributor
  • Moderator
16858 solutions 152270 answers
javascript:(function(){
function rdObj(w,h,n){with(this){key=w+"x"+h;if(n)name=n;width=w;height=h;}}
rdObj.prototype={key:"",name:"",width:"",height:""};
var n={},p='<width>x<height> <name>',rd=[];
while(p!=null){
p=prompt(p,JSON.stringify(rd));
if(/^(\d{3,4})[,x](\d{3,4})([, ](.+))?$/.test(p)){
n=new rdObj(RegExp.$1,RegExp.$2,RegExp.$4);rd.push(n);
}else{try{rd=JSON.parse(p);}catch(e){}}
}})()
<pre><nowiki>javascript:(function(){ function rdObj(w,h,n){with(this){key=w+"x"+h;if(n)name=n;width=w;height=h;}} rdObj.prototype={key:"",name:"",width:"",height:""}; var n={},p='<width>x<height> <name>',rd=[]; while(p!=null){ p=prompt(p,JSON.stringify(rd)); if(/^(\d{3,4})[,x](\d{3,4})([, ](.+))?$/.test(p)){ n=new rdObj(RegExp.$1,RegExp.$2,RegExp.$4);rd.push(n); }else{try{rd=JSON.parse(p);}catch(e){}} }})()</nowiki></pre>

Modified by cor-el

jack_fu 0 solutions 3 answers

huh??? what's the code for?

huh??? what's the code for?
cor-el
  • Top 10 Contributor
  • Moderator
16858 solutions 152270 answers

You can use the JavaScript code to create a list of dimensions like jscher2000 posted above, i.e. 800x600 gives this code:

  • [{"key":"800x600","width":"800","height":"600"}]

You can use this as a bookmarklet or in the Web Console (Firefox/Tools > Web Developer;Ctrl+Shift+K).

You can use the JavaScript code to create a list of dimensions like jscher2000 posted above, i.e. 800x600 gives this code: *[{"key":"800x600","width":"800","height":"600"}] You can use this as a bookmarklet or in the Web Console (Firefox/Tools > Web Developer;Ctrl+Shift+K). *http://en.wikipedia.org/wiki/Bookmarklet