Why my firefox Responsive Design Mode view doesn't look like it does in MDN?

Question

I don't know why my firefox Responsive Design Mode view doesn't look like it is presented in MDN ?

MDN view:

My view:

I am using firefox 53.0.2 on PC.

Sebastian Zartner · Accepted Answer · 2017-08-24T14:37:47.000

2

There are (at least) two preferences controlling whether the old Responsive Design Mode UI or the new one is shown:

devtools.responsive.html.enabled needs to be set to true => Directly controls whether the reworked UI is displayed.
browser.tabs.remote.autostart.2 needs to be set to true => Controls whether multi-process Firefox is enabled and the new RDM UI obviously doesn't work in single-process Firefox instances.
To check whether the multi-process mode is enabled, go to about:support and ensure that the value at "Multiprocess Windows" says "Enabled".

Those preferences can be changed via about:config.

Note: Once you enable the multi-process setting, add-ons that don't support this feature like e.g. Firebug won't work anymore.

edited Aug 24 '17 at 14:37

answered May 18 '17 at 21:12

Sebastian Zartner

thanks a lot, your answer was really helpful. I added some details that solved my problem for people that are facing the same issue. – Abdelaziz Mokhnache May 19 '17 at 15:57
Where did you add details? I am unable to get this to work using those settings. – Sean Kendle Aug 24 '17 at 13:53
I've updated my answer now saying that you should check `about:support` for whether multi-process mode is enabled. – Sebastian Zartner Aug 24 '17 at 14:38

1 Answers1