- - Visualizza il sommario degli elementi HTML su un sito Web in Chrome

Visualizza il sommario degli elementi HTML su un sito Web in Chrome

Programmi di sviluppo Web sofisticati aiutano a scriverecodice facilmente che se dovessi farlo senza di loro. Non solo accelerano il lavoro e aiutano a evitare i problemi di sintassi comuni, ma sono anche un ottimo strumento per i principianti che potrebbero sentirsi sopraffatti dalla quantità di sforzo necessaria per scrivere una semplice pagina HTML. Se non altro, possono aiutarti a imparare il codice. L'unico difetto che potresti riscontrare con un programma di sviluppo web, in particolare quando lo usi per imparare a programmare, è il modo in cui non sono attrezzati per analizzare i siti web nel tuo browser. Se la tua particolare area di interesse è HTML, allora HTML5 Outliner è un'ottima estensione di Chrome che ti aiuteràanalizzare diversi elementi HTML su una pagina Web. L'estensione aggiunge un'icona quadrata alla barra dell'URL che, quando si fa clic, apre una vista del sommario di tutte le intestazioni e sezioni HTML 5. L'estensione funziona anche con elementi HTML 4.

Elementi nel sommario visualizzatisono selezionabili e l'estensione scorrerà fino a evidenziare qualsiasi elemento selezionato. L'evidenziazione non funziona sempre, ma la navigazione è completamente funzionale.

HTML5 Outliner

L'estensione ha i suoi limiti; rileveràtutti gli elementi HTML su quasi ogni pagina, ma il sommario stesso è una storia diversa. La tabella si basa sulla scrittura del codice secondo le specifiche HTML 5 appropriate o una corretta strutturazione HTML. Se il codice non è conforme a questi, l'estensione potrebbe non riuscire a caricare un sommario accettabile.

Per esempio; se hai usato le tabelle per la definizioneil layout della tua pagina, è probabile che non vedrai alcun sommario. La ragione di ciò non è altro che un codice scritto male, poiché i layout sono meglio definiti con CSS e non con tabelle. Per ora, non sarai in grado di utilizzare l'estensione su file HTML salvati localmente a causa di una piccola limitazione con l'estensione e qualcosa a che fare con le autorizzazioni di Chrome.

HTML5 Outliner ovviamente non è per il comuneutente; è pensato per gli sviluppatori web, sia principianti che esperti. Per i principianti, dovrebbe rivelarsi utile durante l'anteprima del layout di un sito in fase di sviluppo. Per sviluppatori esperti, è un modo rapido di navigare tra gli elementi di una pagina Web e controllare il codice dietro ciascuno.

Installa HTML5 Outliner dal Chrome Web Store

Commenti