0:00:01.668,0:00:04.905
Hej, jag är Lloyd Hilaiel och arbetar med Marco Galli på mozilla Labs.

0:00:04.905,0:00:09.710
Den här korta filmen kommer ge dig en översikt över chromeless-projektet.

0:00:09.710,0:00:13.547
Chromeless är ett experiment som ska göra det lättare att testa

0:00:13.547,0:00:16.917
ideér om webbläsarens gränssnitt.

0:00:16.917,0:00:19.122
Det försöker inkludera mer folk i konversationen

0:00:19.122,0:00:21.622
om hur webbläsare ska se ut.

0:00:21.622,0:00:23.954
Och hur de ska funka.

0:00:23.954,0:00:26.828
Tekniskt sett är Chromeless ingenting nytt.

0:00:26.828,0:00:30.130
Vad vi har gjort är att ta XULrunner, platformen

0:00:30.130,0:00:31.932
som Firefox och thunderbird är byggda på,

0:00:31.932,0:00:34.735
och lagt ett tunt avskiljande lager på den.

0:00:34.735,0:00:37.804
Detta gör det möjligt att snbbt göra en webbläsare

0:00:37.804,0:00:42.509
genom att använda tekniker som html, javascript och css.

0:00:42.509,0:00:45.412
I Chromeless definierar ett enda html dokument

0:00:45.412,0:00:48.588
webbläsarens användargränssnitt.

0:00:48.588,0:00:50.517
För att göra det enklare att prata om har vi kallat

0:00:50.517,0:00:54.152
html dokumentet för webbläsarkoden.

0:00:54.152,0:00:57.457
Precis som vanligt webbinehåll kan inbädda sajter och iframes

0:00:57.457,0:00:59.960
kan den här webbläsaren också göra det

0:00:59.960,0:01:02.696
men den har större privilegier för att påverka och övervaka

0:01:02.696,0:01:05.149
innehåll bredvid den iframen.

0:01:05.149,0:01:08.035
Det här temat om att ta existerande webbkoncept

0:01:08.035,0:01:10.237
och utöka dem lite grann

0:01:10.237,0:01:13.106
är idén bakon Chromeless.

0:01:13.106,0:01:17.611
Nu ska jag visa lite saker du kan göra.

0:01:17.611,0:01:20.080
Det du tittar på nu är en väldigt simpel

0:01:20.080,0:01:21.816
men funktionell webbläsare.

0:01:21.816,0:01:24.584
Här kan du se html som renderar ett textfält

0:01:24.584,0:01:27.788
där du kan skriva in en url och en iframe

0:01:27.788,0:01:30.157
dit webbinnehåll går.

0:01:30.157,0:01:32.395
Med Chromeless är det här igentligen den enda koden du behöver för att

0:01:32.395,0:01:34.328
göra en webbläsare.

0:01:34.328,0:01:35.596
Nu tar vi det lite längre.

0:01:35.596,0:01:38.403
Tänk om vi ville låta användaren välja fullskärmsläge.

0:01:38.403,0:01:40.634
Expandera till fullskärm är tydligt inget

0:01:40.634,0:01:42.903
som en genomsnittlig webbsida kan göra.

0:01:42.903,0:01:45.247
Så vi måste sätta in ett nytt API.

0:01:45.247,0:01:47.729
Inuti Chromeless är den globala kravfunktionen

0:01:47.729,0:01:50.629
hur du kan komma åt nya APIs.

0:01:50.629,0:01:54.014
I det här fallet behöver vi misc biblioteket.

0:01:54.014,0:01:55.931
Namnet misc är bara en platshållare

0:01:55.931,0:01:58.585
men den exponerar en fullskärmsfunktion som vi kan använda

0:01:58.585,0:02:01.221
för att välja läge på webbläsaren.

0:02:01.221,0:02:03.638
Den kommer anropa den här funktionen i en kanapp,

0:02:03.638,0:02:05.336
klickhanterare.

0:02:05.336,0:02:07.896
Med 4 kodrader till har vår webbläsare

0:02:07.896,0:02:10.931
ett funktionellt fullskärmsläge.

0:02:10.931,0:02:12.966
Nu provar vi något mer lekfullt

0:02:12.966,0:02:14.601
som kombinerar några nya ideér.

0:02:14.601,0:02:16.960
Först, som vi nämnde förut, har webbläsarkod

0:02:16.960,0:02:21.241
större privilegier för att övervaka webbinnehåll som kör i iframes.

0:02:21.241,0:02:24.878
Ett exempel på detta är den exprimentella domladdningshändelsen

0:02:24.878,0:02:28.682
som används när nytt innehåll laddas in i en iframe.

0:02:28.682,0:02:31.418
Det andra verktyget vi använder är "dom shot" biblioteket

0:02:31.418,0:02:34.788
som kan få en grafisk översikt över den specifika dom noden.

0:02:34.788,0:02:37.391
Returneringsvärdet av funktionen är en data url som

0:02:37.391,0:02:40.227
innehåller inbäddad pingbilddata.

0:02:40.227,0:02:42.629
Nu har Marcio kombinerat dessa två funktioner och en liten bit

0:02:42.629,0:02:44.624
jquery för att bygga denna demonstrationswebbläsare.

0:02:44.624,0:02:48.072
Den låter dig se förhandsgranskningar av öppna flikar

0:02:48.072,0:02:50.938
med en fiskögseffekt.

0:02:50.938,0:02:53.707
Förhoppningsvis ger det dig en ganska bra förståelse om

0:02:53.707,0:02:55.308
vad Chromeless handlar om.

0:02:55.308,0:02:56.844
För att lära dig mer rekommenderar vi att du

0:02:56.844,0:03:00.080
hämtar koden från github och börjar med den inkluderade handledningen.

0:03:00.080,0:03:03.150
Medans några APIs som jag har visat dig här kanske har ändrats.

0:03:03.150,0:03:06.954
Har ideérna bakom Cromeless inte det.

0:03:06.954,0:03:08.989
Om du har tankar om chromeless, eller vill

0:03:08.989,0:03:11.792
medverka, kan du gå med på dom vanliga ställena,

0:03:11.792,0:03:13.933
på IRC och vår e-post lista.

0:03:13.933,9:59:59.000
Tack för att du tittade.