Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to show traffic from specific domain in Chrome Dev Tools

I'm just wondering if it's possible to show traffic from a specific domain only in the Network tab in Chrome Dev Tools?

like image 863
William Avatar asked Aug 24 '13 20:08

William


People also ask

How do I filter network traffic in Chrome?

If you open the developer tools, choose network. From the bar at the bottom of the page, choose images if you want to look specifically for image requests. The filters are all exclusive, so you can not filter out just image requests. There you go.

How do I enable filters on network tabs in Chrome?

On the Network panel, select the profile and send another message. Toggle the WS filter, click your connection name, open the Messages tab, and check the time difference between sent and echoed messages with and without throttling.

How do I view networks in Chrome?

Simply go to the page and open the network tab. You can see the network tab by hitting cmd + opt + j on your Mac or ctrl + shift + j in Windows. It will open up the console tab in DevTools by default. Once the console tab is open, simply click on the network tab to make it visible.

How do I find the request in network tab?

To access this feature in Chrome, simply open the developer tools (command-option-I or command-option-J on a Mac) and select the Network option from the drop-down menu at the top. One last important thing to note: Chrome will only show Network requests that happen while the Network panel is open.


1 Answers

Yes you can, by entering domain:localhost in the filter box to filter by the localhost domain, for example:

enter image description here

Notes:

  • The filter box has autocompletion to help you out (which is how I found this feature)
  • Also helpful to filter by the type of request / file type e.g. XHR
like image 155
Darren Shewry Avatar answered Sep 22 '22 11:09

Darren Shewry