Sometimes when Website Testing (or Debugging) you may want to check exactly what’s being loaded into the browser from the Network/Internet. You may need to check the sequence that files are loaded in, in order to see what’s being run and where it’s being accessed from.

The main browsers now feature Developer Tools which offer an advanced level of information and ways of accessing it, including the following examples. The screenshots show examples from my own site’s homepage.

Firefox 34

Tools > Web Developer > Web Console > Network
Then load/reload the page you want to see
Shows the HTTP Action, Method, File, Domain, Type, Size and timings

My-Site-Network-Activity-Firefox-34

Firefox 34

Chrome 39

View > Developer > Developer Tools > Network
Then load/reload the page you want to see
Shows the Type Icon, File/URL, HTTP Method, Status, Type, Size and timings

My-Site-Network-Activity-Chrome-39

Chrome 39

Safari 8

Develop > Show Web Inspector > Network Requests
Then load/reload the page you want to see

Shows Resource name, Domain, Type, Method, Scheme, Status, Cached, Size and timings

My-Site-Network-Activity-Safari-8

Safari 8

IE11

Gear > F12 Developer Tools > Network
Then load/reload the page you want to see

Shows URL, Protocol, Method, Result, Type, Size and timings

My-Site-Network-Activity-IE11

IE11