Do you want to improve your developing workflow? If so, you definitely want to check out Chrome DevTools.

This tool provides you amazing features to help you test, debug, and enhance your website.

Below are 13 common tips when using Chrome DevTools:

1. Unminify Files

Every resource file like JS/CSS has to be minified before getting lived on production in order to reduce the project’s size. For debugging purposes, you can unminify them for better readability by click the {} symbol at the bottom left.

2. Switch Between Files

As Chrome DevTools is active in on web page, you can quickly open/switch to any project files by pressing CMD + P (Ctrl + P).

#javascript-tips #web-development #debugging #testing #coding