Vedi i file CSS mancanti con gli strumenti di sviluppo

2

È possibile con qualsiasi Chrome o altri strumenti di sviluppo per vedere quali file CSS collegati in una pagina non esistono realmente?

google-chrome web-development

— Evans
fonte

1

Vedi la console degli Strumenti per sviluppatori Web per 404 errori di file. Dai file cerca css estensione URL finali

— Subin

0

In qualsiasi strumento di sviluppo del browser, se si passa a Network riquadro, vedrai tutte le richieste fatte dalla pagina. Cerca le linee rosse, quelle saranno richieste che non sono riuscite. Di quelli, cerca quelli che hanno uno stato 404 (non trovato). Come dicevano i commenti, quelli che finiscono con .css sono quelli che ti piacciono

Come bonus, gli strumenti di sviluppo di FireFox hanno un filtro in fondo - scegli "CSS" e vedrai solo le richieste di file CSS - con successo o in altro modo.

— Traveling Tech Guy
fonte

3

In Chrome Developer Tools sulla scheda di rete puoi anche filtrare per questo

    status-code:404

per ottenere solo un elenco di risorse mancanti

— coedycode
fonte

Il filtraggio di quella frase rimuove tutti gli altri risultati tranne 404, le risposte precedenti tutte coinvolte manualmente esaminando l'intero elenco di risorse, per quelle rosse - questo è molto più efficiente.

— coedycode