Visualizza tag HTML e pagina Web combinati in Firefox

Vuoi un modo più semplice per vedere i tag html di una pagina web senza visualizzare il codice sorgente in una finestra separata? Ora puoi visualizzare la pagina web e i tag combinati nella stessa finestra usando l'estensione X-Ray per Firefox.

Prima

Di solito se vuoi vedere il codice sorgente dietro una pagina web devi vederlo in una finestra separata. Se sei interessato solo a una sezione specifica, devi cercare attraverso l'intero set di codice solo per trovare quello che stai cercando.

Dopo

L'estensione X-Ray ti permetterà di vedere i tag del documento (compresi i nomi di classe e ID) "affiancati" con la pagina web nella stessa scheda. È possibile utilizzare il menu di scelta rapida o il menu degli strumenti per accedere al comando X-Ray.

Ecco la stessa sezione web mostrata nella prima schermata qui sopra. All'inizio può sembrare un po 'strano finché non ci si abitua a vederli entrambi insieme.

Nota: è possibile riportare la pagina Web alla sua visualizzazione normale facendo nuovamente clic sul comando X-Ray o aggiornando la pagina.

Il codice per una parte della barra laterale sulla stessa pagina Web ...

Seguito da uno dei set di link alla fine.

Guardando un altro esempio, supponiamo di essere interessato a come è impostata una parte del feed principale.

Essere in grado di vedere come un determinato elemento è impostato direttamente nella pagina Web è sicuramente meglio che cercare nell'intera pagina di codice.

Conclusione

Se si progettano pagine Web e si desidera un modo semplice per vedere come viene codificato il sito Web di qualcun altro, si consiglia di provare questa estensione.

link

Scarica l'estensione X-Ray (Mozilla Add-ons)