Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Scrolling down in Chrome dev tools when paused in debugger

Is there any way to scroll down on the page while Chrome is paused in debugger mode without unpausing?

like image 458
lk135 Avatar asked Oct 11 '13 22:10

lk135


People also ask

How do I bypass paused debugger in Chrome?

It seems counterintuitive, but there are a couple of reasons this is really useful for those debugging sessions. TL;DR Right click in the area where you'd normally set breakpoints, select “never pause here” and you can prevent the debugger from stopping on exceptions or debugger statements.

How do I scroll in Chrome developer tools?

Chrome DevTools: Scroll elements into the viewportRight click on the DOM node from the elements panel. Select Scroll into view.

How do I open Chrome developer tools at the bottom?

Change where DevTools is docked by using the Command Menu Or, press Shift + Ctrl + P on Windows/Linux or Command + Shift + P on macOS. Type dock, and then select a dock command: Dock to bottom.


1 Answers

If your tools are docked, you can undock it to see a bit more.

Another method:

  1. Go to the Elements tab.
  2. Right-click on any visible element (i.e. not hidden, display:none, etc.).
  3. Choose the "Scroll Into View" context menu entry.
  4. Chrome will scroll the page if necessary to get the element in the visible portion of the window.
like image 71
Rob W Avatar answered Sep 20 '22 22:09

Rob W