JavaScript Breakpoints in Chrome

When doing front-end dev, I set breakpoints in Chrome all the time. Here’s the quickest way to set a JavaScript breakpoint in Chrome:

  1. F12 if dev tools aren’t already open.
  2. Ctrl+O and begin to type the name of the desired JavaScript file. Intellisense support will help you out here. By the way, this also works for quickly opening css files. Chrome Intellisense
  3. Ctrl+G to go to line
  4. You’re now on the right line in the JavaScript source. Hit Ctrl+B to set the breakpoint.

Bam.

Subscribe to Email Updates (No spam. Just new posts.)

One thought on “JavaScript Breakpoints in Chrome