Hurtigfeilsøking av CSS; metoder for feilsøking
Av: Øyvind A. Isaksen
Dersom du har jobbet med CSS en stund har du trolig brukt en del tid på å feilsøke irriterende feil som ofte har en veldig enkel løsning.
Summary: Useful methods for debugging css.
Valider din CSS
Du kan muligens CSS inn og ut, men dette bør fremdeles være ditt første steg i feilsøkingen. En CSS validator (http://jigsaw.w3.org/css-validator/) ser ikke kun etter de korrekte egenskapene, men også etter skrivefeil som manglende sitattegn og semikolon. Det vil være temmelig irriterende å finne ut, etter timer med feilsøking, at problemet skyldtes et manglende sitattegn.
Bruk en editor med kodefremhevning
Sjansene for å kunne unngått timer med feilsøking på grunn av et manglende sitattegn, som i eksempelet over, kunne vært mye større dersom du hadde brukt en editor som fremhever de forskjellige delene av koden (som for eksempel Notepad ++). Å bruke dette istedenfor den innebygde editoren i for eksempel flere publiseringsløsninger, er som oftest meget praktisk. Fremheving av koden hjelper deg med å finne frem til dårlige syntakser nesten ubevisst.
Isoler problemet med kommentarer
Dersom alt annet feiler, kan du bruke kunsten ved å eliminere. Kommenter ut seksjoner av din HTML eller CSS, hvor du starter på et relativt høyt nivå (som å ekskludere hele headeren) og se om problemet forsetter. Dersom det gjør det beveger du deg videre til neste seksjon. Dersom problemet befinner seg i den isolerte seksjonen kan du isolere den videre til du finner problemet.
Kidehenvisning:
ITPro.no, Stian Monstad
|
