Share
Nettlesere er vinduene gjennom hvilke verden ser vårt arbeid, så det er lurt å ta hensyn og forstå dem. Dessverre kan nettlesere og webteknologi skifte seg raskt - denne artikkelen vil gi deg oppdatert og presentere et øyeblikksbilde av nettlesermarkedet som det eksisterer akkurat i øyeblikket.
Men mye vi kan stønne om det, å håndtere de mange quirks og inkonsekvensene som eksisterer mellom nettlesere, er en nødvendighet i dagliglivet til webdesignere og utviklere. Dette bestemte problemet har eksistert i noen tid, og det er sannsynlig at det vil fortsette i mange år framover. Det er derfor viktig at webdesignere og utviklere holder seg oppdatert med de nyeste nettleserutviklingene for å produsere de mest effektive nettstedene.
Det kan være vanskelig å holde tritt med den nåværende situasjonen for nettlesere. Det er fem store nettlesere, som hver har flere versjoner sammen med hyppige oppdateringer. Legg til dette på det faktum at de alle har forskjellige nivåer av støtte for ulike funksjoner i CSS3 og HTML5, og det kan alle bli litt overveldende. Denne artikkelen vil forsøke å etablere status for nettlesermarkedet som det står akkurat nå. La oss komme i gang.
Bildet nedenfor viser gjeldende versjonsnummer for hver av de fem store nettleserne ved skrivingstidspunktet. Du kan legge merke til at den yngste nettleseren, Googles Chrome, har et versjonsnummer som er mye høyere enn Internet Explorer, som har eksistert mye lenger. Dette er ned til Googles seks ukers utgivelses syklus, som oppdaterer nettleseren og versjonsnummeret hver gang. I sterk kontrast har vi tradisjonelt sakte oppdateringer fra Internet Explorer, som ventet fem år før oppdatering fra IE6 til IE7.
Microsoft plukker opp tempoet i utgivelsen med de nyeste versjonene av IE, men. Bare to år gikk mellom IE8 og IE9, og Microsoft kunngjorde offisielt IE10 bare en måned etter IE9s utgivelse. Firefox har fulgt etter, også implementert en seks ukers utgivelses syklus, og det er enda snakk om at det blir redusert til hver femte uke.
Det har vært kritikk av slike korte versjonsutgivelser. Noen har antydet at med små eller ingen store funksjonaliseringsoppdateringer mellom utgivelser, er det gjengivelse av versjonsnummer irrelevant. Det er også gjort krav om at det ikke tillater nok tid for feil og feil å bli stryket ut før utgivelsen.
Ut fra perspektivet til webdesignere og utviklere, bør raskere utgivelsessykluser generelt være en god ting. IE6 fikk lov til å stagnere og kombinert med sin enorme markedsandel fungerte som en dødvekt på webdesign fellesskapet. Moderne nettlesere konkurrerer nå med hverandre for å gi støtte til nye webteknologier. De nyeste funksjonene i HTML5 og CSS3 kan vedtas og implementeres raskere, og fremskynder fremgangen mot fullstendig standardisering.
Det er alltid interessant å sjekke ut den nyeste nettleserdatastatistikken, hvis bare for å se om IE6 endelig har dødd bort (ennå ikke, dessverre). Å finne ut hvordan brukerne faktisk ser på nettet, kan være svært informativ. Imidlertid kan forskjellige informasjonskilder male svært forskjellige bilder av den nåværende situasjonen. For eksempel, la oss se på brukerdata for nettlesere fra to forskjellige kilder.
 |  |  |  |  | |
| w3schools | 38,7% | 4,2% | 32,3% | 21,7% | 2,4% |
| Statcounter | 26,39% | 5,93% | 25% | 40.18% | 1,81% |
Tallene representerer data samlet for oktober måned (november tall er ikke tilgjengelig for åpenbare grunner). Statistikken fra W3Schools ville få oss til å tro at alle versjoner av IE utgjør bare 21,7% av all nettleserv bruk, lavere enn både Chrome og Firefox. Sammenlign det med dataene fra StatCounter, noe som tyder på at Internet Explorer fortsatt kommandoerer majoriteten av aksjen på over 40%.
Problemet er at innholdet på et nettsted ofte vil skje resultatene noe. Ta for eksempel dette nettstedet, brukerne er (forhåpentligvis) ganske nettbaserte og vil sannsynligvis bruke en veldig nylig, oppdatert, moderne nettleser. Dette er det samme tilfellet med tallene fra W3Schools, siden kilden til tallene er deres egne loggfiler. De peker på dette selv:
W3Schools er et nettsted for personer med interesse for webteknologi. Disse menneskene er mer interessert i å bruke alternative nettlesere enn gjennomsnittlig bruker. Den gjennomsnittlige brukeren har en tendens til nettleseren som kommer forhåndsinstallert med datamaskinen, og søker ikke etter andre nettleseralternativer.
Det er verdt å huske dette når du ser på slike data. Statistikk utledet fra din egen nettsideanalyse vil alltid være mer relevant og nyttig. Til tross for dette kan globale statistikker fortsatt vise seg innsikt og dataene kan ofte avsløre aktuelle trender og mønstre. Følgende graf, fra StatCounter, viser proporsjonal bruk av nettleseren i løpet av det siste året:
Det fremgår av grafen ovenfor at Chrome har oppnådd betydelig bakke i løpet av det siste året, hovedsakelig på bekostning av Internet Explorer og Firefox, mens både Safari og Opera har ligget på et relativt konstant nivå. Selv om Internet Explorer mistet bakken, ser det ut til at den fremdeles regjerer som den mest brukte nettleseren på en eller annen måte.
Deretter kan vi se på den globale nettleserversjonen av denne måneden (november 2011) så langt.
Det ble tidligere nevnt i denne artikkelen at nettleserutviklere ser ut til å sikte på kortere utgivelsessykluser, bare seks uker i tilfelle Chrome og Firefox. Mens kortere utgivelses sykluser synes å være et godt trekk, er de bare effektive hvis brukerne velger å oppgradere til den nyeste versjonen. Hvis opptaket er lavt, kan det føre til at brukere strekker seg over mange versjoner av samme nettleser, alle med ulike nivåer av støtte og funksjoner.
Chrome har for det meste løst dette problemet ved å implementere en automatisk oppdateringsfunksjon, uten krav fra brukeren. Effekten av dette kan sees på grafen ovenfor. Den nyeste versjonen av Chrome, 15, ble først utgitt 25. oktober, men har allerede ganske mye erstattet Chrome 14 helt.
Firefox er ikke helt på scenen for auto-oppdateringer ennå, men fremdeles tungt ber om at brukeren skal oppgradere ved lanseringen av nettleseren. Firefox 8 ble først utgitt tidligere denne måneden, men allerede et stort antall brukere har byttet. Flertallet av brukerne er på versjon 7, men det er fortsatt et betydelig antall som fortsatt bruker 3,6, utgitt nesten to år siden. Mozilla planlegger å implementere stille oppdateringer med versjon 10 av Firefox.
... gjør IE9 uforenlig med Windows XP, verdens mest brukte operativsystem.
Dessverre har Internet Explorer alltid hatt store problemer med å få brukerne til å oppdatere. Internet Explorer 9 har vært tilgjengelig i noen tid nå, men gode mengder brukere forblir fortsatt i versjon 8, 7 og til og med 6. Microsoft synes ikke å hjelpe situasjonen, men gjør IE9 uforenlig med Windows XP, verdens mest brukte operativsystem. Denne policyen vil også fortsette med IE10, som vil kreve Windows 7 og nyere.
Det store antallet personer som fortsatt bruker IE8, kan være en grunn til bekymring for webdesignere og utviklere. Internet Explorer 8 er den mest brukte nettleseren, i henhold til diagrammene ovenfor, men gir svært lite støtte for de fleste CSS3- og HTML5-funksjoner. CSS3 og HTML5 støttes godt blant de nyeste nettleserne (som vi vil se nedenfor), men populariteten til IE8 betyr at alternative stilark og fallbacks fortsatt vil være nødvendige i overskuelig fremtid.
Med utgivelsen av IE9 tidligere i år betyr det nå at de nyeste versjonene av alle de fem store nettleserne har noen nivåer av CSS3-støtte. Mens tidligere versjoner av nettlesere fortsatt må vurderes, er dette et viktig skritt i riktig retning og gode nyheter for webdesignere og utviklere. Det er imidlertid verdt å huske at CSS3 fortsatt er i utvikling, og forskjellige nettlesere har ulike nivåer av støtte for ulike funksjoner i CSS3. Noen funksjoner støttes godt, mens andre ikke er, og du kan bli pålagt å bruke leverandørprefikser som -moz-, -webkit- og -o-.
La oss ta en nærmere titt på den nåværende situasjonen for noen av de mer populære funksjonene i CSS3.
For det første er det noen elementer av CSS3 som er veldig godt støttet. CSS3 Selectors har for eksempel hatt god støtte på en stund og har nylig blitt en offisiell W3C-anbefaling nå som de har blitt implementert av alle moderne nettlesere.
Det er også andre elementer i CSS3 som du kan føle deg ganske trygg på med akkurat nå. CSS3-farger som RGBA og HSLA var de første elementene i CSS3 som en offisiell anbefaling og støttes på alle de moderne nettleserne. Her er noen andre CSS3 egenskaper som støttes av alle moderne nettlesere.
| | | | | |
| Versjon | 8 | 5.1 | 15 | 9 | 11.5 |
| RGBA | ? | ? | ? | ? | ? |
| HSLA | ? | ? | ? | ? | ? |
| Flere BG | ? | ? | ? | ? | ? |
| Border-radius | ? | ? | ? | ? | ? |
| Box-shadow | ? | ? | ? | ? | ? |
| opacity | ? | ? | ? | ? | ? |
| Transforms | ? | ? | ? | ? | ? |
| Font-face | ? | ? | ? | ? | ? |
| Media-spørringer | ? | ? | ? | ? | ? |
Selvfølgelig er det fortsatt mange egenskaper til CSS3 som ikke støttes så mye. Selv om Microsofts IE9 støtter CSS3, spiller de fortsatt innhente fordi de ikke støtter mange av egenskapene andre nettlesere har gjort i en stund. De ser ut til å jobbe med dette imidlertid, med mange flere egenskaper satt til å bli støttet i IE10. Her er en tabell som viser varierende nivåer av støtte for andre CSS3 egenskaper.
| | | | | |
| Versjon | 8 | 5.1 | 15 | 9 | 11.5 |
| animasjoner | ? | ? | ? | ? | ? |
| overganger | ? | ? | ? | ? | ? |
| refleksjoner | ? | ? | ? | ? | ? |
| 3D Transforms | ? | ? | ? | ? | ? |
| Border-bilde | ? | ? | ? | ? | ? |
| Text-shadow | ? | ? | ? | ? | ? |
HTML5 er i omtrent samme situasjon som CSS3, fordi den fortsatt er i utvikling og derfor har varierende støttestøtte på tvers av nettleserne. I likhet med CSS3 er det funksjoner som er universelt støttet, for eksempel lærred, mens andre funksjoner mangler praktisk talt noen støtte i det hele tatt.
Her støtter nettleseren en rekke HTML5-elementer.
| | | | | |
| Versjon | 8 | 5.1 | 15 | 9 | 11.5 |
| Lerret | ? | ? | ? | ? | ? |
| SVG | ? | ? | ? | ? | ? |
| Nettlagring | ? | ? | ? | ? | ? |
| Dra slipp | ? | ? | ? | ? | ? |
| Ta på | ? | ? | ? | ? | ? |
| Webarbeidere | ? | ? | ? | ? | ? |
| Geo Location | ? | ? | ? | ? | ? |
| Web Sockets | ? | ? | ? | ? | ? |
| IndexDB | ? | ? | ? | ? | ? |
HTML5 lyd og video var høyt forventet og har blitt mye diskutert siden kunngjøringen. En av HTML5-videoens mest støttende støttespillere har vært Apple, forbereder seg på grøftstøtte for Flash, og gjør det til en videospiller på alle sine mobile enheter. Det ser ut til at Apple har kommet seg, da Adobe nylig annonserte at det stopper utviklingen av Flash for mobile enheter. Dette trekket baner vei for videre støtte og utvikling av HTML5-video.
Noen store videodisplayende nettsteder har også eksperimentert med HTML5-video, inkludert YouTube, Vimeo og DailyMotion. Det vil vare en stund, men før en full bryter er laget på et hvilket som helst stort videodelingsnettsted. En av de viktigste aspektene som holder tilbake til HTML5, har vært mangel på standard lyd- og video kodeker. For øyeblikket er det ingen lyd- eller video kodeker som støttes av alle fem moderne nettlesere.
HTML5-skjemaer tilbyr noen spennende funksjoner som validering og nye inngangstyper. Støtten til disse nye formfunksjonene synes å variere ganske mye mellom nettlesere. Opera leder veien ganske langt, og støtter nesten alle nye funksjoner, mens IE9 støtter nesten ingen. Det er imidlertid verdt å merke seg at mange av disse nye funksjonene degraderer grasiøst i eldre nettlesere.
Det var tretten nye inntastetyper introdusert i HTML5-skjemaer, dessverre har bare rundt fem fem år betydelig støtte blant nettlesere.
| | | | | |
| Versjon | 8 | 5.1 | 15 | 9 | 11.5 |
| Søke | ? | ? | ? | ? | ? |
| telefon | ? | ? | ? | ? | ? |
| URL | ? | ? | ? | ? | ? |
| Område | ? | ? | ? | ? | ? |
| e-post | ? | ? | ? | ? | ? |
Det var også mange nye formattributter introdusert, som synes å være rettferdig mye bedre når det gjelder støtte. Her er støtten til bare noen av de nye formattributtene.
| | | | | |
| Versjon | 8 | 5.1 | 15 | 9 | 11.5 |
| Plassholder | ? | ? | ? | ? | ? |
| autofokus | ? | ? | ? | ? | ? |
| Autofullfør | ? | ? | ? | ? | ? |
| Liste | ? | ? | ? | ? | ? |
| Må | ? | ? | ? | ? | ? |
HTML5-skjema validering er en veldig spennende funksjon. Tradisjonell validering av klient-side er implementert ved hjelp av Javascript, noe som kan forårsake problemer hvis brukeren har Javascript deaktivert. HTML5-skjema validering har potensial til å erstatte Javascript validering i moderne nettlesere når den er fullt operativ.
Dessverre er det ikke på dette stadiet enda. Nylige versjoner av Chrome, Opera og Firefox støtter alle HTML5-skjema validering. Safari 5 på Windows støtter også HTML5-validering, men noe merkelig, det gjør det ikke på OSX.
Gjennom denne artikkelen har vi hovedsakelig fokusert på desktop-nettlesere, men som vi alle vet, får mobilbrowsing alvorlig trekkraft. Av den grunn er det verdt å ta en titt på trender og utviklinger for mobilnettlesere også.
Ovennevnte graf viser mobilbrukernes bruksstatistikk for denne måneden (november 2011) hittil. Det ser ut til at det ikke finnes noen enkelt dominerende nettleser, med Android, iPhone og den mobile versjonen av Opera, som hver har en meget like markedsandel. Nokia og Blackberry-nettlesere har også en betydelig mengde brukere.
I denne artikkelen skal vi fokusere på de tre tre mobile nettleserne og gi oversikt over hver.
Med flere mobile enheter som velger å bruke Android-operativsystemet, har Android-nettleseren langsomt økt sin markedsandel i løpet av det siste året.
Standard Android-nettleseren er basert på WebKit-motoren, den samme motoren som brukes av både Chrome og Safari. Som du forventer, har den ganske god støtte for CSS3 og HTML5 fra versjon 2.0 og fremover. Versjon 4.0 av Android (Ice Cream Sandwich) har inkludert støtte for funksjoner som SVG og CSS3 3D Transforms på smarttelefonbrowsere.
Det har blitt antydet at Google vil erstatte den innebygde Android-nettleseren med deres stadig populære Chrome-nettleser i fremtidige versjoner av Android OS.
En av iPhones største funksjoner har vært surfingopplevelsen som Safari for iOS tilbyr. Safari på iOS 5 synes heller ikke å være annerledes, med funksjoner som leseliste, leser og raskere nettlesing.
Safari på iOS5 tilbyr noen av de beste støttene til HTML5 og CSS3 som er tilgjengelig. Den nyeste versjonen har forbedret støtten til HTML5-funksjoner som webarbeidere og nye inntastetyper.
Vi har allerede dekket HTML5-skjema tidligere i denne artikkelen, men det er på iPhone hvor disse nye formfunksjonene virkelig skinner. IPhone endrer faktisk tastaturet på skjermen i forhold til typen av inngang. Du kan forvente det samme fra de nye inngangstypene som støttes, inkludert dato, måned og tid.
Mens Opera kanskje ikke gjør for briljant i rike på nettlesere, er det gjort opp for dette i mobilform. En av grunnene til at Opera kan gjøre så bra på mobiler, er at det er veldig raskt å laste inn nettsider. Opera bruker en funksjon som heter Turbo, som først komprimerer nettsteder på en server før de leveres til telefonen din, noe som resulterer i mye raskere lasthastigheter.
Opera Mobile er for øyeblikket på versjon 11 og akkurat som sin desktop counterpart, og den tilbyr utmerket CSS3 og HTML5-støtte.
Som nevnt i starten av denne artikkelen kan nettleserutviklingen være vanskelig å holde tritt med, spesielt med de nye kortere utgivelsessyklusene. Jeg håper at denne artikkelen ga deg et oppdatert bilde av situasjonen som det er akkurat nå. Jeg håper også at det vil bli et nyttig referansepunkt i fremtiden. Takk for at du leste :)
Accentsconagua