Search code examples
javascriptgoogle-chromegoogle-chrome-devtools

How can I filter by host and port in Chrome's developer tools?


Debugging local app and would like to trace all calls to the backend running on localhost:8080. It's possible to filter on domain=localhost; however, this also grabs a ton of noise from calls to frontend assets running on localhost:9999. Is there any way to either include the port 8080 in the filter, or at least exclude port 9999?

enter image description here

domain:localhost:8080 doesn't work...


Related: it would also be helpful to filter on part of a path. For example, localhost:8080/foo/bar/baz ... if I could just filter on *bar* or *bar/baz* that would also do the trick.


Solution

  • Use the url filter.

    Domain filter will only filter on the hostname without the port. You'll have to use the url filter instead. For example, url:localhost:3000.

    enter image description here