I found two amazing sources that help to understand the Chrome Dev Tools that I want to share with you.
16 Ways to Search, Find and Edit with Chrome DevTools | Telerik Blogs
Cody Lindley – one of the contributors of jQuery – demonstrates 16 various ways to search, find and edit within the source code of a site using Chrome Developer Tools.
You can find the complete post here: 16 Ways to Search, Find and Edit with Chrome DevTools | Telerik Blogs
Chrome Dev Tools – Tips and Tricks
Another great source for a deeper understanding of Chrome Dev Tools is the Tips and Tricks section of the Chrome documentation.
You can find the complete article here: Tips and Tricks | Chrome Dev Tools documentation