Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Chrome devtools: Drop into debugger without switching to Sources tab

Tags:

If I put the debugger statement in my JavaScript source with the Chrome devtools open, it'll stop execution so I can interactively explore the current context from the console. It's really awesome.

But unfortunately it will also switch to the Sources tab and display the line where the debugger statement happened. Most of the time, I want to type JavaScript commands, so I have to manually switch back to the Console tab.

Can I avoid the tab-switching and stay in the Console tab?

Or am I using it wrong?

like image 592
Jo Liss Avatar asked Sep 27 '12 16:09

Jo Liss


People also ask

How can I stop Chrome from going into debug mode?

Go to the "Sources" tab. At the top right hand side, toggle the button that looks like the pause symbol surrounded by a hexagon (button on the far right) until the color of the circle turns black to turn it off. If the pause symbol isn't blue it may be that you've accidentally marked a line for debugging inspection.

What is the difference between transferred and resources in Chrome DevTools Network tab?

"Transferred" is the compressed size of all resources. You can think of it as the amount of upload and download data that a mobile user will use in order to load this page. "Resources" is the uncompressed size of all resources.

How do I dock Chrome debugger?

Dock position You can either undock into a separate window, or dock it on the left, bottom, or right side of the browser. The dock position can be changed by pressing Cmd + Shift + D ( Ctrl + Shift + D ) or through the menu.


1 Answers

Right-click on the source-tab and select 'move to bottom'. enter image description here

like image 173
Shirantha Madusanka Avatar answered Nov 11 '22 12:11

Shirantha Madusanka