Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

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?

like image 674
Brett Avatar asked Jun 09 '15 08:06

Brett


2 Answers

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

like image 194
Nick Desaulniers Avatar answered Oct 10 '22 15:10

Nick Desaulniers


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

like image 23
pbrosset Avatar answered Oct 10 '22 16:10

pbrosset