Is it possible to open the developer tools inside(attached to) a popup and not detached? I'm currently working a site with popups and need to bebug javascript and find it quite annoying to toggle between the popup and the developer tools window.
Asked
Active
Viewed 1.8k times
10
-
Possibly duplicate: https://stackoverflow.com/questions/19422214/how-can-i-inspect-disappearing-element-in-a-browser – Newteq Developer Mar 31 '20 at 15:54
4 Answers
5
When debugging popup windows you can convert them to tabs. You can do this by right-clicking the title icon and selecting the show as tab option. Then you can open the developer console as usual.
Vasyl Lyashkevych
- 1,734
- 2
- 21
- 35
RottenCandy
- 588
- 1
- 11
- 22
0
There is a tiny button waaay down to the left of the developer tools (in the row where Inspect Element and clear console log are), it looks kinda like two rectangles overlapping... The tooltip should read "Undock into separate window"...
Is that what you meant?
-Edit- Just reread the question better... I guess that is not what you meant... :)
Céryl Wiltink
- 1,845
- 11
- 12
-
This works only for regular tabs/windows. In a popup window the "dock to main window" button simply doesn't work. I'm not sure if this is a bug or feature ;) – biophonc Feb 11 '13 at 10:57
-1
- Please press and hold the tiny button for seconds. After that, you will find the another icon (or button) at the same location.
- Please release your mouse button. You can see a popup window of developer tools.
안홍국
- 23
- 2
-
I don't know what tiny button you mean. A popup has by default no buttons, besides the OS default ones to alter the window and the address bar. I open the dev tools with `CMD+ALT+J` (on osx). The _docking_ feature is not available for popups. – biophonc Jan 19 '17 at 09:51
-3
Just press ⌥ + cmd + I when the pop up window is in focus and dev tools will open in a new pop up window
kosnik
- 2,246
- 8
- 23