12
Background: Ho una pagina con CSS multipli che si sovrascrivono. Ci sono così tanti stili CSS cancellati, quindi non voglio vederli.Come filtrare e mostrare solo i CSS applicati negli Strumenti per sviluppatori di Chrome (come Firebug in Firefox)
So che Firebug su Firefox fornisce questa funzionalità (Mostra solo CSS applicati), che può mostrare quale stile CSS in quale file CSS viene applicato (pulito!).
Come abbiamo questa funzione su Chrome? Ho provato a installare Firebug Lite per Chrome ma senza fortuna.
PS: Chrome ha la scheda Stile calcolato, ma non mostra quale stile proviene da quale file CSS.
Il mio qn è fondamentalmente come sapere che uno stile CSS particolare proviene da quali file CSS? Ad esempio, ho 3 file CSS chiamati "main.css", "client.css" e "mobile.css" che hanno tutti una classe ".title-header". Nella pagina ho caricato questi 3 file CSS, come faccio a sapere quale file viene applicato? –
Nel normale pannello Elementi (con HTML a sinistra e CSS a destra), in alto a destra di ogni regola di stile mostra il file in cui si trova e il numero di linea in cui si trova. –
Il problema con l'utilizzo della scheda Calcolato è che non posso modificare o disabilitare singoli stili come posso nella scheda Stili. Firefox lo rende più facile. – isherwood