Strumenti preventivi per gli errori di battitura nei nomi di classe e id

Question

Esistono strumenti di debug di base per HTML/CSS/JavaScript che potrebbero aiutare a identificare gli errori di battitura?

Per i casi in cui "#fron" deve essere "#from". Non sto parlando del codice stesso, ma per cose come nomi di classi e ID.

So che ci sono IDE robusti, ma mi chiedo solo se ci sono alcuni strumenti o estensioni piuttosto semplici di cui sono semplicemente inconsapevole.

Prima di pubblicare una domanda qui, provo a leggere attentamente il codice, ma sono il peggior correttore di bozze.

Answer 1

Due cose che ho trovato per essere utile è questa: http://blog.whatwg.org/vnu-parser-1-4

Io uso peso morto per il css: https://github.com/aanand/deadweight

O UCS https://github.com/operasoftware/ucss

E per il mio cliente il rendering lato , afferro il contenuto della pagina con phantomjs, quindi lo eseguo con vnu e deadweight/ucss.

Answer 2

Direi di controllare anche questo. Esegui i primi due esempi attraverso la console di Firebug e ottieni esattamente quello che stai cercando. Il problema è il primo (ilia choly's) mostra solo le classi, sebbene sia in allarme. Il secondo esempio (MisterGreen) è molto più pulito, fornisce sia le classi che gli ID ma li sputa nella console e fornisce risultati non necessari. Provalo, scegli uno. Non c'è bisogno di codificarlo nella tua pagina. La parte peggiore potrebbe essere passata manualmente attraverso tutti loro. How to get list of Css class use in the HTML file?