Help us make DevTools Tips better! Fill out this survey to tell us more about your DevTools habits and frustrations.
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.