Non occorre esser necessariamente esperti webmaster, web-design o seo per avere spesso la necessità di dover analizzare il codice sorgente di una pagina web.
Ormai, conosco anche amici poco esperti che hanno questa necessità per i più svariati motivi e non rientrano in nessuna delle 3 categorie di cui sopra.
Per facilitare il compito e rendere l’analisi più snella, eccovi alcune utilissimi add-ons per Firefox che possono davvero semplificarci la vita e scendere in dettaglio nel sorgente di una pagina web
Permette la consultazione del sorgente di una pagina con possibilità si sottolineare struttura e tags più importanti . Definisce in modo ordinato e preciso l’ordine di annidamento dei tags, la loro struttura e gerarchia.
2. JSView 2.0.5
In tal caso, siamo di fronte ad un’estensione che fornisce veloci e utili informazioni sui vari file js/css che fanno parte della pagina e in particolare del context menu, della toolbar, della status bar ecc
3. HighlightAll
Come indica il nome, sottolinea ed evidenzia tutti gli elementi identici della pagina e ne calcola il numero di occorrenze.
Vero e proprio validatore Html. Infatti, aggiunge una piccola icona alla status bar che serve a mostrare la validità o meno della pagina caricata. Si basa su HTML Tidy.
Mostra la struttura gerarchica dei vari elementi della pagina e permette anche il raggruppamento o meno di questi ultimi . Inoltre, mostra quali regole CSS corrispondono ai vari elementi.
6. SourceEditor
Consente, facilmente, di visualizzare e modificare una pagina direttamente nel browser.
7. PageDiff
Estensione utilissima per mettere a confronto ed evidenziare differenze nel codice HTML di due pagine.
