google-chromegoogle-chrome-devtools
When I try to use the Chrome Developer Tools, it seems I can no longer view it in a new window.
Is this a bug or was that really an intended change in an update?
How can we open the Chrome Developer Tools in a new window?
Here's a screenshot of what I'm talking about.
Open a new Search pane in Developer Tools by:
You can search across all your scripts with support for regular expressions and case sensitivity.
Click any match to load that file/section in the scripts panel.
Make sure 'Search in anonymous and content scripts' is checked in the DevTools Preferences (F1). This will return results from within iframes and HTML inline scripts:
Now you can see both the pseudo-class rules and force them on elements.
To see the rules like :hover in the Styles pane click the small :hov text in the top right.
To force an element into :hover state, right click it and select :hover.
Additional tips on the elements panel in Chrome Developer Tools Shortcuts.
Best Answer
As of Chrome 52, the UI has changed. When the Developer Tools dialog is open, you select the vertical ellipsis and can then choose the docking position:
Select the icon on the left to open the Chrome Developer Tools in a new window:
Previously
Click and hold the button next to the close button of the Developer Tool in order to reveal the "Undock into separate window" option.Note: A "press" is not enough in that state.