Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

A Few Chrome Debugging Tricks

DZone's Guide to

A Few Chrome Debugging Tricks

· Web Dev Zone ·
Free Resource

Deploying code to production can be filled with uncertainty. Reduce the risks, and deploy earlier and more often. Download this free guide to learn more. Brought to you in partnership with Rollbar.

  1. If you’re not interested in web development, you can stop here.
  2. Go spend 10 minutes reading this post.

A few things I’ve learned:

  1. Open chrome dev tools, click the gear icon to the bottom right, and take a look at the options … I never bothered to do it, but it’s worth going over this.
  2. Going to try Dock To Right … I always feel there’s not enough room at the bottom of the screen, and it doesn’t have to be this way.
  3. Hitting Ctrl+Shift+F will search all js sources. I’ve wished for this features for a long time and didn’t know it existed!
  4. Ctrl+O will let you lookup a specific source file … much more convenient than browsing through the list of sources.

Deploying code to production can be filled with uncertainty. Reduce the risks, and deploy earlier and more often. Download this free guide to learn more. Brought to you in partnership with Rollbar.

Topics:

Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}