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
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
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
IE11
Gear > F12 Developer Tools > Network
Then load/reload the page you want to see
Shows URL, Protocol, Method, Result, Type, Size and timings