Quick DevTools Tip - what is still trying to load?
Have you ever loaded a web page, seen that main content render, and then notice that the loading widget seems to rotate (pulsate, etc, every browser is different) for eternity? Obviously there is some network request that is pending, but how do you figure out what that is, especially with a large set of requests to dig through?
In Chrome, there is a quick way to see this. In your devtools, first ensure the filter field is visible:
Then type is:running in the form field. Here is an example from GMail:
In case you didn’t know it, that filter field supports both name matches as well as property-type searches like the example above. The field will nicely offer suggestions for these properties as you type, but you can find a complete list here:
You should scan that page a bit as I found two interesting tidbits. On Mac/Unix (not sure why not windows), you can add multiple filters. Also, you can filter by requests larger than a set value. That’s a great way to check for fat requests.
本文标题：Quick DevTools Tip - what is still trying to load?