Webbrowsere er vokset op i løbet af de sidste par år. Nu hvor Internet Explorer 6s hold på internettet er brudt, har browsere implementeret en række seje nye funktioner, som websteder drager fordel af i dag.
Denne artikel fokuserer på nye webteknologier, som du kan bruge på faktiske websider i dag. Visst, nogle af jer har uden tvivl hørt om mange af disse, men de fleste mennesker har ikke hørt om dem alle.
Træk og slip for at uploade
Mange websteder giver dig nu mulighed for at uploade filer bare ved at trække og slippe dem i dit browservindue - en velkommen ændring fra at skulle klikke på en gennemsøgningsknap og bruge en filvælger, som vi var nødt til for bare et par år siden. Uanset om du vedhæfter en fil til en e-mail i Gmail eller uploader et billede til imgur.com for hurtig deling, kan du trække og slippe filen på websiden.
Gengiv 3D-grafik i browseren
Browsere som Chrome og Firefox understøtter nu WebGL, som gør det muligt for websider at gengive 3D-grafik uden nogen plugins. WebGL kan bruges til spil og andre 3D-modeller, men det mest populære websted, der bruger WebGL, er sandsynligvis Google Maps. På Google Maps i Chrome kan du aktivere "MapsGL." Dette får Google Maps til at gengive kortet med OpenGL, hvilket resulterer i glattere animationer. Når du bruger Street View, ser du en animation, når kortet zoomer ind. Street View gengives også med OpenGL, ikke Adobe Flash.
Hvis Google Maps ikke var imponerende nok, Quake 3-motoren er tilpasset til at fungere i WebGL i din browser . Dette websted bruger også markørlåsen (eller muselåsen) til at få fat i din musemarkør og holde den inden for spilområdet.
Kommuniker med WebSockets
HTML blev aldrig designet til at tillade websider at kommunikere frem og tilbage med webservere. HTML blev oprettet til statiske websider, og de fleste websider bruger i øjeblikket hacky polling-baserede metoder til at kommunikere med servere. WebSockets tillader websider at oprette en fuld kommunikationskanal via en TCP-forbindelse, hvilket dramatisk reducerer latenstid og netværkstrafik, når websider skal sende data frem og tilbage med servere.
WebSockets bruges af Mozillas BrowserQuest-spil , der tillader spillet, der kører inde i din browser, at sende begivenheder frem og tilbage til sin server. WebSockets er også blevet brugt til at oprette IRC-klienter, der kører i din browser. Måske mest imponerende er WebSockets også blevet brugt til at skabe en JavaScript-torrentklient, der kører i din browser , der giver Chrome OS-brugere en native torrent-klient. JSTorrent ser ikke helt stabil ud endnu, men det er et godt eksempel på, hvad der er muligt med WebSockets.
Afspil videoer og musik uden flash
HTML5-video har fået stor opmærksomhed, så mange mennesker ved, at det nu er muligt at afspille videoer i H.264 (MP4), WebM og Ogg Theora-formater uden Flash installeret. Mange videowebsteder - inklusive YouTube - tilbyder HTML5-baseret videoafspilning. Desværre insisterer mange websteder på, at de har brug for DRM, hvorfor YouTube stadig bruger Flash til videoer med reklamer, og Netflix bruger stadig Silverlight til sine videoer. HTML5's "videomærke" kan ligne en Flash-baseret videoafspiller, så du bemærker måske aldrig, at et websted bruger det - bortset fra at videoafspilning fungerer på mobile enheder og fungerer bedre.
Run Web Apps Offline
Browsere tillader nu webapps at arbejde offline og tilbyder dem lokal databaselagring, som de kan bruge til at få adgang til dine data. Mange af Googles offline-webapps (inklusive Gmail, Docs og Kalender) fungerer kun i Chrome, men Amazons Kindle Cloud Reader kan også bruges offline i andre browsere som Firefox. Kindle Cloud Reader giver dig mulighed for at downloade e-bøger, som du kan læse offline i din browser senere, selvom du ikke har en internetforbindelse.
Få adgang til dit webcam og videokonference
Websider kan nu få adgang til dit webcam - selvfølgelig med din tilladelse. En webside kan bruge denne funktion til at tage fotos fra dit webcam til dit profilbillede eller optage video. Det kunne dog også bruge det nye WebRTC API til videokonference mellem forskellige browsere uden noget plugin påkrævet. I fremtiden kræver Googles Hangouts slet ikke et plugin, og Skype kører også i din browser.
Opret underretning pop op-vinduer
Browsere tillader nu websider at vise dig skrivebordsunderretninger. For eksempel kan Google Kalender vise dig pop op-meddelelser, når du har oprettet påmindelser til kommende begivenheder. Chat- og e-mail-websteder kan vise pop op-vinduer for at advare dig om nye beskeder.
Identificer din placering
Websider kan nu bede om tilladelse til at få adgang til din placering. Hvis du bruger en tablet eller en anden type enhed med en dedikeret GPS-chip, bruger browseren din GPS-hardware til at identificere din placering. På enheder uden GPS-chips, nærliggende trådløse netværksnavne eller din internetudbyders placering kan bruges til at tilnærme din aktuelle placering. Geolokalisering kan erstatte behovet for at skrive din adresse på websteder, der viser lokalt indhold og give dig mulighed for at bestemme din nøjagtige placering ved hjælp af en GPS-chip på en bærbar computer.
Gør webapps til dine standardapplikationer
Browsere nu tillad, at webapps bliver dine standardapplikationer , så du kan bruge Gmail i din browser til at sende e-mails, når du klikker på en mailto: link hvor som helst på din computer - selv uden for din browser.
Kør Native Code i din browser
Lidt kontroversielt inkluderer Chrome Googles indfødte klient. Native Client tillader websider at køre native-kode skrevet på sprog som C eller C ++. Koden udføres i en sandkasse af sikkerhedshensyn, og den kører med næsten oprindelige hastigheder.
Native Client tillader websider at køre højtydende kode til ting som spilmotorer og lokal videokodning. Det kan være stien til at få mere avancerede applikationer på Chrome OS. Chrome Webshop indeholder en række spil, der er skrevet i Native Client, inklusive en havn med kritikerroste Bastion .
Browsere får nye webfunktioner i et hurtigt tempo. Vi kan være taknemmelige for, at Internet Explorer 6 ikke længere er industristandarden.
Billedkredit: Christian Heilmann on Flickr