Hemsida » hur » 10 saker du inte visste att din webbläsare kunde göra ändå

    10 saker du inte visste att din webbläsare kunde göra ändå

    Webbläsare har växit upp de senaste åren. Nu när Internet Explorer 6 håller på nätet har blivit trasigt har webbläsare implementerat en rad coola funktioner som webbplatser utnyttjar idag.

    Denna artikel fokuserar på ny webbteknologi som du kan använda på faktiska webbsidor idag. Visst, några av er har säkert hört talas om många av dessa, men majoriteten har inte hört talas om dem alla.

    Dra och släpp för att ladda upp

    Många webbplatser tillåter dig nu att ladda upp filer bara genom att dra och släppa dem i ditt webbläsarfönster - en välkommen förändring från att du måste klicka på en bläddringsknapp och använda en filväljare, som vi bara hade för några år sedan. Oavsett om du bifogar en fil till ett e-postmeddelande i Gmail eller laddar upp en bild till imgur.com för snabb delning kan du dra och släppa filen på webbsidan.

    Rendera 3D-grafik i webbläsaren

    Webbläsare som Chrome och Firefox stödjer nu WebGL, vilket gör det möjligt för webbsidor att göra 3D-grafik utan några plugins. WebGL kan användas för spel och andra 3D-modeller, men den mest populära webbplatsen med WebGL är förmodligen Google Maps. På Google Maps i Chrome kan du aktivera "MapsGL." Detta gör att Google Maps gör kartan med OpenGL, vilket resulterar i mjukare animeringar. När du använder gatuvy kommer du att se en animering när kartan zoomar in. Street View kommer också att visas med OpenGL, inte Adobe Flash.

    Om Google Maps inte var tillräckligt imponerande har Quake 3-motorn anpassats för att fungera i WebGL i din webbläsare. Denna webbplats använder också peklås (eller muslås) specifikationen för att fånga muspekaren och hålla den inom spelområdet.

    Kommunicera med WebSockets

    HTML designades aldrig för att tillåta webbsidor att kommunicera fram och tillbaka med webbservrar. HTML skapades för statiska webbsidor, och de flesta webbsidor använder för närvarande hacky polling-baserade metoder för att kommunicera med servrar. WebSockets tillåter webbsidor att skapa en fullständig kommunikationskanal över en TCP-anslutning, vilket dramatiskt minskar latens och nätverkstrafik när webbsidor behöver skicka data fram och tillbaka med servrar.

    WebSockets används av Mozillas BrowserQuest-spel, så att spelet kan köras inuti din webbläsare för att skicka händelser fram och tillbaka till sin server. WebSockets har också använts för att skapa IRC-klienter som körs i din webbläsare. Kanske mest imponerande, WebSockets har också använts för att skapa en JavaScript-torrentklient som körs i din webbläsare, vilket ger Chrome OS-användare en inbyggd torrentklient. JSTorrent ser inte helt stabil ut, men det är ett bra exempel på vad som är möjligt med WebSockets.

    Spela upp videor och musik utan Flash

    HTML5-video har fått stor uppmärksamhet, så många vet att det nu är möjligt att spela upp videor i H.264 (MP4), WebM och Ogg Theora-format utan att behöva installera Flash. Många videos webbplatser - inklusive YouTube - erbjuder HTML5-baserad videouppspelning. Tyvärr kräver många webbplatser att de behöver DRM, varför YouTube fortfarande använder Flash för videoklipp med annonser och Netflix använder fortfarande Silverlight för sina videoklipp. HTML5s "videotag" kan se ut som en Flash-baserad videospelare, så du kan aldrig märka att en webbplats använder den - förutom att videouppspelning kommer att fungera på mobila enheter och kommer att fungera bättre.

    Kör Web Apps Offline

    Webbläsare tillåter nu att webapps fungerar offline, och erbjuder dem lokal databaslagring som de kan använda för att komma åt dina data. Många av Googles offlinewebapps (inklusive Gmail, Dokument och Kalender) fungerar bara i Chrome, men Amazonas Kindle Cloud Reader kan användas offline i andra webbläsare som Firefox. Kindle Cloud Reader låter dig ladda ner e-böcker, som du kan läsa offline i din webbläsare senare, även om du inte har en Internetanslutning.

    Få tillgång till din webbkamera och videokonferens

    Webbsidor kan nu komma åt din webbkamera - med ditt tillstånd, förstås. En webbsida kan använda den här funktionen för att ta foton från din webbkamera för din profilbild eller spela in video. Det kan dock också använda det nya WebRTC API för videokonferenser mellan olika webbläsare utan något plugin som krävs. I framtiden kräver Googles Hangouts inte något plugin alls och Skype kommer också att köras i din webbläsare.

    Skapa anmälnings popup-fönster

    Webbläsare tillåter nu att webbsidor visar dina skrivbordsbeskrivningar. Google Kalender kan till exempel visa popup-meddelanden när du har skapat påminnelser för kommande händelser. Chat- och e-postwebbplatser kan visa popup-fönster för att varna dig för nya meddelanden.

    Identifiera din plats

    Webbsidor kan nu begära tillstånd att komma åt din plats. Om du använder en surfplatta eller en annan typ av enhet med ett dedikerat GPS-chip, använder webbläsaren din GPS-maskinvara för att identifiera din plats. På enheter utan GPS-chips kan närliggande trådlösa nätverksnamn eller din ISPs plats användas för att approximera din aktuella plats. Geolocation kan ersätta behovet att skriva din adress till webbplatser som visar lokalt innehåll och låta dig bestämma din exakta plats med hjälp av en GPS-chip på en bärbar dator.

    Gör webbapplikationer till dina standardprogram

    Webbläsare tillåter nu att webapps blir dina standardprogram, så du kan använda Gmail i din webbläsare för att skicka e-postmeddelanden när du klickar på en mailto: länk någonstans på din dator - även utanför din webbläsare.

    Kör inbyggt kod i din webbläsare

    Något kontroversiellt inkluderar Chrome Googles inbyggda klient. Native Client tillåter webbsidor att köra inbyggd kod skriven på språk som C eller C ++. Koden exekveras i en sandlåda för säkerhet, och den körs med nästan inhemska hastigheter.

    Native Client tillåter webbsidor att köra högpresterande kod för saker som spelmotorer och lokal videokodning. Det kan vara vägen för att få mer avancerade applikationer på Chrome OS. Chrome Web Store innehåller en mängd olika spel skrivna i Native Client, inklusive en port i den kritikerrosade Bastion.


    Webbläsare får nya webbfunktioner i snabb takt. Vi kan vara tacksamma att Internet Explorer 6 inte längre är branschstandarden.

    Bildkredit: Christian Heilmann på Flickr