Se HTML-tags og webside kombineret i Firefox

Ønsker du en nemmere måde at se en websides html-tags uden at se kildekoden i et separat vindue? Nu kan du se websiden og tagsne kombineret i samme vindue ved hjælp af X-Ray-udvidelsen til Firefox.

Før

Normalt, hvis du vil se kildekoden bag en webside, skal du se den i et separat vindue. Hvis du kun er interesseret i et bestemt afsnit, så skal du søge gennem hele sæt kode for at finde det, du leder efter.

Efter

X-Ray-udvidelsen giver dig mulighed for at se dokumentets tags (herunder klasse- og id-navne) "side om side" med websiden i samme fane. Du kan bruge enten kontekstmenuen eller værktøjsmenuen for at få adgang til X-Ray-kommandoen.

Her er den samme webside sektion vist på det første skærmbillede ovenfor. Det kan se lidt underligt først, indtil du vender dig til at se begge sammen.

Bemærk: Du kan returnere websiden til dens normale visning ved enten at klikke på røntgenkommandoen igen eller forfriskende siden.

Koden for en del af sidebjælken på samme webside ...

Efterfulgt af et af sæt af links i slutningen.

Kig på et andet eksempel, formoder, at du er interesseret i, hvordan en del af hovedfeeden er oprettet.

At kunne se, hvordan et bestemt element er oprettet direkte på websiden, er bestemt bedre end at søge gennem hele siden af ​​kode.

Konklusion

Hvis du designer websider og ønsker en nem måde at se, hvordan andres hjemmesider er kodet, kan du måske give denne udvidelse et forsøg.

Links

Download røntgenudvidelsen (Mozilla-tilføjelser)