Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

is it possible to open chrome debugger in separate window? How?

I would like to open chrome debugger in a separate window. Is this possible? How? Internet Explorer opens the debugger in separate window when i press F12 key.

like image 595
morpheus Avatar asked Oct 14 '10 19:10

morpheus


People also ask

How do I open Chrome Debugger in a new window?

Just type ctrl+shift+I in google chrome & you will land in an isolated developer window. Show activity on this post. If you need to open the DevTools press ctrl-shift-i. If the DevTools window is already opened you can use the ctrl-shift-d shortcut; it switches the window into a detached mode.

How do I open the debug menu in Chrome?

To open the developer console in Google Chrome, open the Chrome Menu in the upper-right-hand corner of the browser window and select More Tools > Developer Tools. You can also use Option + ⌘ + J (on macOS), or Shift + CTRL + J (on Windows/Linux).

How do I open the console in different Windows?

Run one of the following commands: Dock to left , Dock to right , Dock to bottom , Undock into separate window or Restore last dock position . To toggle Restore last dock position with a keyboard shortcut, press Control + Shift + D (Linux/Windows) or Command + Shift + D (Mac).


2 Answers

You have to press and hold the 'toggle window position' button in the top right corner and then release the mouse on the icon that appears below.

press and hold

On newer versions of chrome, it looks like this:

enter image description here

like image 68
Michael_Scharf Avatar answered Oct 03 '22 21:10

Michael_Scharf


I was driven mad by this recently. It seems you (now?) have to click and hold on this icon. Two widgets appear and, for me at least, the upper widget undocked.

I'm convinced in the past the button in the bottom left used to toggle

like image 25
David Hollinshead Avatar answered Oct 03 '22 22:10

David Hollinshead