Se HTML-merker og webside kombinert i Firefox

Ønsker du en enklere måte å se en nettside HTML-koder uten å se kildekoden i et eget vindu? Nå kan du se nettsiden og kodene kombinert i samme vindu ved hjelp av X-Ray-utvidelsen for Firefox.

Før

Vanligvis hvis du vil se kildekoden bak en nettside, må du se den i et eget vindu. Hvis du bare er interessert i en bestemt seksjon, må du søke gjennom hele settet av kode bare for å finne det du leter etter.

Etter

Røntgenutvidelsen lar deg se dokumentets koder (inkludert klasse- og ID-navn) "side ved side" med nettsiden i samme fane. Du kan bruke enten kontekstmenyen eller verktøymenyen for å få tilgang til X-Ray-kommandoen.

Her er den samme nettsiden delen vist i det første skjermbildet ovenfor. Det kan se litt rart først til du blir vant til å se begge sammen.

Merk: Du kan returnere nettsiden til sin normale visning ved å enten klikke på X-Ray-kommandoen igjen eller forfriskne siden.

Koden for en del av sidefeltet på samme nettside ...

Etterfulgt av et sett av koblinger på slutten.

Se på et annet eksempel, anta at du er interessert i hvordan en del av hovedmaten er satt opp.

Å kunne se hvordan et bestemt element er satt opp direkte på nettsiden, er sikkert bedre enn å søke gjennom hele siden av koden.

Konklusjon

Hvis du designer websider og ønsker en enkel måte å se hvordan andres nettsider er kodet, vil du kanskje gi denne utvidelsen et forsøk.

lenker

Last ned X-Ray-utvidelsen (Mozilla Add-ons)