5 Chrome Network Tab Settings To Fix Your Life

Chrome is equipped with a network tab. It shows what requests an app makes. I often use it to diagnose issues with endpoints when developing Angular, Vue or React apps. I will tell you, how to make it more useful!

The default settings for Chrome network tab are lame. Let me show you why:

1. See Whole Path Of A Resource

Sometimes Chrome decides to truncate the URL. In the following example, it truncates it to one letter:

I don’t know what is the URL. It gets even worse when working with APIs, because you have to click a resource to see what was the path to the endpoint. Did you ever seen George Hotz to use a mouse?

1. Click the gear icon:

2. Right-click on the columns:

Click on “Path”, and on “Name”, to switch to showing a path rather than a truncated path.

Much better: