How do you close the DOM Properties window in Firefox Developer Edition?

Question

I am using Firefox Developer Edition and when I had the Inspector open, which is accessed by right-clicking an item and selecting Inspect Element, I then right clicked something in the Inspector and selected Show DOM Properties, which you can see in the screenshot below:

enter image description here

However I cannot figure out for the life of me how to close the DOM Properties window.

How can one do this?

score 12 · Accepted Answer · answered Jun 09 '15 at 18:43

12

The feature you're referring to is called the "split console." You have it toggled on currently. It will show when a tab other than the console is selected. You can click in the split console, or command+alt+k on OSX, and hit escape to close it, or click on the console tab, or click the button in the top right of the dev tools to toggle it back off. I find it most usefull with the debugger tab. When the debugger is paused, you can access variables within the scope of the breakpoint.

enter image description here

answered Jun 09 '15 at 18:43

Nick Desaulniers

2,046
3
25
47

That's awesome. Thanks very much!! – Brett Jun 09 '15 at 18:46
Thanks, it helped. +1 – Nimeshka Srimal Dec 02 '15 at 08:06

score 6 · Answer 2 · answered Jun 10 '15 at 08:00

6

Pressing escape with the DOM properties panel focused should get rid of it.

answered Jun 10 '15 at 08:00

pbrosset

729
3
5

How do you close the DOM Properties window in Firefox Developer Edition?

2 Answers2