See network request paths instead of names in the Network tool

By default, the Network tool displays the name of each requested resource. For example, if a webpage requests an image from https://mysite.com/assets/img/image.png then the tool only displays image.png by default instead of the full file path.

Chrome and Edge #

In Chrome and Edge DevTools, you can see the full path instead, which can be useful to more easily identify resources in the request list:

• In the Network tool, right-click one of the table headers.
• In the list of columns, select Path, and deselect Name.

Firefox #

Firefox doesn't have a Path option, but you can display URLs instead:

• In the Network tool, right-click one of the table headers.
• In the list of columns, select URL, and deselect File.

Thank you Ryan Staniforth for sharing this tip on Twitter.