Chrome DevTools navigation and editing tools

If you ever worked with editors such as Atom/Sublime Text you will appreciate the following: Chrome DevTools now sports fuzzy finders for your script/stylesheet files and for methods within them.

To get started open dev tools and hit Cmd+p start typing a filename or part of a filename:

Then to jump to a specific method hit Cmd+Shift+P and start typing a method name:

If you are a big fan of multiple cursors, you'll be happy to learn that those are now available within chrome developer tools:

[while the cursor is on a word hit Cmd+d to duplicate the cursor to the next match]

[holding alt and dragging down will allow you to edit a vertical line]

To search all files (scripts/html markup) hit Cmd+Option+f:

Change the source in dev tools and hit Cmd+s the updated code will be run the next time it is called. DevTools will indicate it has a modified version by changing the background color to bright orange: