Opprette Kryss-Nettleser Kompatible Nettsteder
Posted in Performance by WP Engine
Sist oppdatert 30. Mai, 2019
selv om de fleste holder seg til å bruke en enkelt nettleser, har du dusinvis av alternativer for både stasjonære og mobile enheter. Ideelt sett vil nettsteder vises perfekt uansett hvilken nettleser du brukte. Men det er ikke alltid tilfelle, som er der cross-browser testing kommer inn.
med grundig krysslesertesting kan du sikre at nettstedet ditt ser ut og oppfører seg perfekt på tvers av alle de populære alternativene. På den måten vil de besøkende ha en like god opplevelse, enten De bruker Chrome, Firefox, Opera eller mindre kjente alternativer som SeaMonkey.
i denne artikkelen skal vi snakke litt mer om viktigheten av krysslesertesting. Deretter går vi over noen trinn for å hjelpe deg med å lage et nettsted som er kompatibelt med nettleseren. La oss komme på jobb!
Hvorfor Er Kompatibilitet På Tvers Av Nettlesere Viktig?
De fleste bruker kjente nettlesere, For Eksempel Google Chrome, Safari, Firefox og Opera. Men, det er mange flere alternativer tilgjengelig enn du kanskje tror. Dette er bra for forbrukeren, men problemet for deg er at hver nettleser er bygget annerledes. Det betyr at nettstedet ditt kan fungere perfekt På Chrome, men opplever problemer På Firefox (bare for å gi et eksempel).
etter vår erfaring er de fleste feilene du ser i en nettleser, men ikke i en annen, relativt små problemer. Et bestemt element på nettstedet ditt kan ikke se på det, eller en bestemt funksjon kan ikke fungere riktig. Selv om disse problemene kan være små, må de løses hvis du vil gi den samme opplevelsen til alle besøkende på nettstedet ditt.
Ideelt sett vil du designe nettstedet ditt for å være kryss-nettleser kompatibel fra grunnen av. På den måten risikerer du ikke å fremmedgjøre brukerne av en bestemt nettleser. I de neste avsnittene viser vi deg hvordan du gjør det.
Hvordan Lage En Cross-Browser Kompatibel Nettside
ideen om å lage en cross-browser kompatibel nettside kan høres skremmende. Men kan noen enkle trinn gå en lang vei mot å sikre at nettstedet fungerer perfekt på de fleste nettlesere. La oss snakke om hva de er!
Trinn 1: Angi En ‘Doctype’ For HTML-Filene Dine
når en nettleser laster inn nettstedet ditt, må den finne ut hvilken VERSJON AV HTML du bruker. Dette er viktig, fordi FORSKJELLIGE VERSJONER AV HTML inneholder forskjellige regler.
en ‘doctype’ er en uttalelse som forteller nettlesere: «Hei, dette ER versjonen AV HTML vi skal bruke !»På den måten trenger ikke nettlesere å gjøre noen gjetninger, noe som kan redusere antall feil brukerne vil støte på.
Heldigvis er dette trinnet bemerkelsesverdig enkelt. Alt du trenger å gjøre er å legge til følgende kodebit I HTML-dokumentene dine:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
Som du vil legge merke til, er denne koden for versjon 4.01 AV HTML. HVIS DU vil bruke HTML5 i stedet, kan du bruke denne koden:
<!DOCTYPE html>
problemet er at noen nettlesere fortsatt ikke spiller pent med HTML5. Til tross for sine mange forbedringer, bruker det kan påvirke cross-browser kompatibilitet, så du må veie det faktum sammen med sine fordeler.
Trinn 2: Bruk CSS Reset Rules
VANLIGVIS ER CSS den viktigste skyldige bak nettleserkompatibilitetsfeil. Det er fordi hver nettleser har sitt eget SETT MED CSS-regler. FOR å si det på en annen måte, kan nettstedets CSS gjengi forskjellig avhengig av hvilken nettleser de besøkende bruker.
En måte å løse dette problemet på er å bruke EN ‘CSS reset’. Dette er sett med regler du kan legge til på nettstedet ditt, som angir en grunnlinje for HVORDAN CSS fungerer på tvers av nettlesere.
DET finnes flere alternativer når DET gjelder CSS tilbakestilles, men en av våre favoritter kalles Normaliser.css, på grunn av hvor omfattende det er:
Du kan laste ned normaliser.css-fil fra GitHub-biblioteket og bruk det som utgangspunkt for NETTSTEDETS CSS. Dette vil hjelpe deg å maksimere cross-browser kompatibilitet på nettstedet ditt.
Trinn 3: Bruk Cross-Browser Kompatible Biblioteker Og Rammer
JavaScript-biblioteker og brede rammer som Foundation og Bootstrap er utrolig populære i disse dager. Hvis du skal bruke slike elementer til å bygge nettstedet ditt, kan du spare deg for mye hodepine ved å bruke kryss-nettleservennlige alternativer.
noen biblioteker og rammeverk ble utviklet fra grunnen av for å fungere med så mange nettlesere som mulig. Generelt sett er de mest populære rammene – inkludert de to vi nettopp nevnte-bygget for å være kompatible med så mange nettlesere som mulig.
Bare for å være sikker, men sørg for å sjekke dokumentasjonen for ethvert bibliotek eller rammeverk du har tenkt å bruke. I de fleste tilfeller, vil du finne informasjon om cross-browser kompatibilitet ganske enkelt. For eksempel, Her Er Stiftelsens kompatibilitetsside fra dokumentasjonen:
litt forskning vil hjelpe deg å gi en fantastisk opplevelse for alle besøkende, ikke bare de som bruker en bestemt nettleser.
Cross-Browser Testing
Selv om du har gjort en innsats for å lage en cross-browser kompatibel nettside, er det fortsatt en god ide å sjekke og se om alt fungerer som det skal. Denne prosessen er relativt enkel-alt du trenger å gjøre er å laste inn nettstedet ditt ved hjelp av flere nettlesere og se etter feil.
problemet er at det er mange nettlesere der ute. For å dekke basene dine anbefaler vi at du fokuserer på de fem beste alternativene i henhold til markedsandel, som er:
- Google Chrome
- Safari
- Firefox
- Uc Browser
- Opera
Du kan legge merke Til At Microsoft Edge ikke gjorde listen. Markedsandelen er ganske liten i disse dager, men det er fortsatt god praksis å sikre at nettstedet ditt også fungerer med det.
selvfølgelig kan det være en smerte å installere fem eller seks forskjellige nettlesere på datamaskinen. Derfor er det mange tjenester som gjør at du kan utføre kryss-nettlesertesting på nettet. Dette forenkler prosessen sterkt, og de involverte avgiftene er vanligvis små.
Ikke Ofre Din Digitale Opplevelse
Ikke alle besøkende på nettstedet ditt vil bruke samme nettleser. Dette betyr at hvis du vil sørge for at alle brukere får glede av nettstedet ditt, må du gjøre noen nettlesertesting.
Husk imidlertid – selv om nettstedet ditt fungerer perfekt på tvers av alle nettlesere, må du fortsatt bruke en toppkvalitets webverten hvis du vil gi best mulig digital opplevelse. MED WP Engine får du fantastisk ytelse og tilgang til ekspertnivå støtte, så sjekk ut våre planer!