Chrome DevTools – or rather the development console of your favourite browser – is an essential toolkit for the modern web application developer. They help you with both debugging your own application and understanding and hence learning from other people’s JavaScript, HTML and CSS code.
Mastering your tools is a key ingredient to mastering your trade. Therefore it’s vital to always be learning about how to use these tools more efficiently and how to apply them in different ways or with new approaches.
Software engineer Flavio Copes, who’s a seminal writer of guides and tutorials for front-end developers, recently published a list of Chrome DevTools tips and tricks, which might teach you a new trick or two: