Come visualizzare i file .css caricati in una pagina in Google Chrome?

Question

Come visualizzare i file .css caricati in una pagina in Google Chrome? Posso vedere le .js (script), ma non il .css

Answer 1

io per vedere quali file sono stati caricati tasto destro del mouse su una parte vuota della pagina e selezionare Visualizza sorgente pagina . Da qui mostrerà la pagina html così come è stata resa da Chrome. Se si guarda nella sezione dell'intestazione si dovrebbe essere una lista di tutti i file esterni che sono stati chiamati, e dovrebbero essere collegamenti ipertestuali, basta fare clic su uno di essi e Chrome mostrerà quel file specifico in una nuova scheda.

Buona fortuna.

Answer 2

Attenzione: questa risposta è obsoleta! Per le versioni recenti di Chrome, controlla la risposta di Dr1Ku di seguito.

Nella scheda Developer Tools di Chrome (CTRL + SHIFT + I), andare a Risorse (potrebbe essere necessario attivare risorse di monitoraggio su quella pagina), e fare clic sulla scheda secondaria Fogli di stile. Questo mostrerà tutti i file CSS caricati da quella pagina.

Answer 3

La scheda Resourcesis gone as of Jan 2011, utilizzare la scheda Network e il filtro per le richieste CSS.

risposta Originale (2010)

È possibile utilizzare "Inspect Element" (tasto destro del mouse) su qualsiasi elemento, quindi scegliere il "Risorse" Tab, fai clic su "Abilita tracciamento per questa sessione risorsa". Quindi dalla "sottoscheda" (Tutti, Documenti, Immagini, Script) ecc. Puoi cliccare su "Fogli di stile".

Spero che questo aiuti!

Answer 4

Fare clic con il tasto destro del mouse in qualsiasi punto della pagina e selezionare Inspect element. Da lì, ti consigliamo di fare clic sulla scheda Resources e dire a Chrome se deve sempre abilitare quel pannello o solo una volta per la sessione (scegli quello che preferisci). Una volta dentro, vedrai tutti i file a sinistra. È possibile visualizzare il contenuto facendo clic sulla piccola scheda Content accanto a Headers sulla destra.

Answer 5

Se siete interessati v'è un modo per cercare per loro in JS:

(Si prega di utilizzare un browser moderno)

var sts = document.styleSheets; 
var result = []; 
for (var i = 0; i < sts.length; i++) { 
    var st = sts.item(i); 
    result.push(st.href.match(/\w*\.css/)); 
} 
console.dir(result); 

Answer 6

gennaio 2018

Per vedere file caricati CSS in una pagina:

1. Passare alla scheda Rete
2. ricaricare la pagina
3. Filtra per CSS

So che questa è una vecchia questione, ma la maggior parte delle risposte sono obsolete.