Is it possible to with any Chrome or any other developer tools to see which CSS files link to in a page dont actually exist?

  • 1
    See the Web Developer Tools console for 404 errors of files. From the files look for css extension ending URLs – Subin Apr 14 '14 at 14:49

In any browser's Developer Tools, if you switch to the Network pane, you'll see all requests made from the page. Look for red lines, those will be requests that failed. Of those, look for the ones that have a 404 (Not Found) Status. As the comments said, the ones ending with .css are the ones you like.

As a bonus, FireFox's Dev Tools have a filter at the bottom - choose "CSS" and you'll only see requests for CSS files - successful, or otherwise.

| improve this answer | |

In chrome developer tools on the network tab you can also filter for this


to only get a list of missing resources

| improve this answer | |
  • Filtering for that phrase removes all other results except 404's, the previous answers all involved manually looking through the whole list of resources, for the red ones - this is much more efficient. – coedycode Jun 10 '15 at 14:23

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.