Video: Diseño Web 23 - Compatibilidad 2024
Et av de største problemene med å bygge websider er å sikre at sidene er kryssbrowser og enhetskompatible. Dette betyr at de skal se bra ut og fungere ordentlig i så mange nettlesere og på så mange enheter som mulig.
Mange kodeditorer inkluderer noe slags nettleserkompatibilitetsverktøy som tar en titt på alle kodene i filene dine, og avgjør om disse kodene og eventuelle tilstedeværende attributter er kompatible med de nyeste W3C-anbefalingene for den valgte DTD-en i de mest populære nåværende nettleserne.
Disse verktøyene skal kunne identifisere kodende problemer raskt, for eksempel om koden inneholder noen avskrevne tagger som og , som skal identifiseres og endres eller fjernes.
Selv om nettleserkompatibilitetstesten vanligvis ikke viser deg hvordan eventuelle funnet feil vil se i nettlesere som ikke støtter en bestemt tag eller attributt, viser testresultatene ofte nettlesertypen og versjonen som kan ha problemer med å vise identifisert innhold slik at du kan gjøre din egen testing for å rette feilen.
Hvis du for eksempel bruker Dreamweaver's Browser Compatibility-verktøy, ser du kanskje en feil. Verktøyet identifiserer og beskriver problemet med tre pixeltekstproblemer, som ikke kan vises riktig i Internet Explorer 6. 0.
Følg disse trinnene for å kjøre nettleserkompatibilitetstesten i en enkelt åpen HTML-fil i Dreamweaver:
< ! --3 ->-
Fra fanen Browserkompatibilitet i resultatpanelet klikker du på den grønne pilknappen øverst i venstre hjørne og velger Kontroller nettleserkompatibilitet fra rullegardinmenyen.
-
Avhengig av antall funnet problemer, kan det hende at rapporten tar noen minutter å generere. Vær tålmodig.
Som de andre kategoriene i resultatpanelet, vises resultatene for dette verktøyet i en liste nederst på resultatpanelet med et feil, advarsel eller meldingsikon ved siden av hvert problem. I tillegg viser dette panelet detaljerte resultater om hvert funnet problem langs høyre side av panelet.
-
For å rette opp eventuelle problemer, dobbeltklikk på linjen i resultatpanelet som inneholder problemet, og Dreamweaver åpner automatisk siden som inneholder feilen.
Koden i spørsmålet er uthevet og / eller vises med en rød eller grønn bølget understreke i Dreamweavers kodevisning for å hjelpe til med å korrigere eller justere. Hvis du vil avdekke et popup-vindu i koden som identifiserer feilen og viser nettleserne som ikke støtter den, plasserer du markøren på toppen av den bølgete understreken.
Så godt som nettleserkompatibilitetsverktøyet er, husk at det bare sjekker om kode er gyldig i en delmengde av nettlesere og nettleserversjoner. Det som ikke gjør det, er å bekrefte nøyaktigheten av koden eller for hvilken funksjonalitet som helst av JavaScript, jQuery eller annen kode som brukes i filen / filene.