Introducing Chromeless

Hej, jag är Lloyd Hilaiel och arbetar med Marco Galli på mozilla Labs.

Den här korta filmen kommer ge dig en översikt över chromeless-projektet.

Chromeless är ett experiment som ska göra det lättare att testa

ideér om webbläsarens gränssnitt.

Det försöker inkludera mer folk i konversationen

om hur webbläsare ska se ut.

Och hur de ska funka.

Tekniskt sett är Chromeless ingenting nytt.

Vad vi har gjort är att ta XULrunner, platformen

som Firefox och thunderbird är byggda på,

och lagt ett tunt avskiljande lager på den.

Detta gör det möjligt att snbbt göra en webbläsare

genom att använda tekniker som html, javascript och css.

I Chromeless definierar ett enda html dokument

webbläsarens användargränssnitt.

För att göra det enklare att prata om har vi kallat

html dokumentet för webbläsarkoden.

Precis som vanligt webbinehåll kan inbädda sajter och iframes

kan den här webbläsaren också göra det

men den har större privilegier för att påverka och övervaka

innehåll bredvid den iframen.

Det här temat om att ta existerande webbkoncept

och utöka dem lite grann

är idén bakon Chromeless.

Nu ska jag visa lite saker du kan göra.

Det du tittar på nu är en väldigt simpel

men funktionell webbläsare.

Här kan du se html som renderar ett textfält

där du kan skriva in en url och en iframe

dit webbinnehåll går.

Med Chromeless är det här igentligen den enda koden du behöver för att

göra en webbläsare.

Nu tar vi det lite längre.

Tänk om vi ville låta användaren välja fullskärmsläge.

Expandera till fullskärm är tydligt inget

som en genomsnittlig webbsida kan göra.

Så vi måste sätta in ett nytt API.

Inuti Chromeless är den globala kravfunktionen

hur du kan komma åt nya APIs.

I det här fallet behöver vi misc biblioteket.

Namnet misc är bara en platshållare

men den exponerar en fullskärmsfunktion som vi kan använda

för att välja läge på webbläsaren.

Den kommer anropa den här funktionen i en kanapp,

klickhanterare.

Med 4 kodrader till har vår webbläsare

ett funktionellt fullskärmsläge.

Nu provar vi något mer lekfullt

som kombinerar några nya ideér.

Först, som vi nämnde förut, har webbläsarkod

större privilegier för att övervaka webbinnehåll som kör i iframes.

Ett exempel på detta är den exprimentella domladdningshändelsen

som används när nytt innehåll laddas in i en iframe.

Det andra verktyget vi använder är "dom shot" biblioteket

som kan få en grafisk översikt över den specifika dom noden.

Returneringsvärdet av funktionen är en data url som

innehåller inbäddad pingbilddata.

Nu har Marcio kombinerat dessa två funktioner och en liten bit

jquery för att bygga denna demonstrationswebbläsare.

Den låter dig se förhandsgranskningar av öppna flikar

med en fiskögseffekt.

Förhoppningsvis ger det dig en ganska bra förståelse om

vad Chromeless handlar om.

För att lära dig mer rekommenderar vi att du

hämtar koden från github och börjar med den inkluderade handledningen.

Medans några APIs som jag har visat dig här kanske har ändrats.

Har ideérna bakom Cromeless inte det.

Om du har tankar om chromeless, eller vill

medverka, kan du gå med på dom vanliga ställena,

på IRC och vår e-post lista.

Tack för att du tittade.