WEBVTT 00:00:01.668 --> 00:00:04.905 Hej, jag är Lloyd Hilaiel och arbetar med Marco Galli på mozilla Labs. 00:00:04.905 --> 00:00:09.710 Den här korta filmen kommer ge dig en översikt över chromeless-projektet. 00:00:09.710 --> 00:00:13.547 Chromeless är ett experiment som ska göra det lättare att testa 00:00:13.547 --> 00:00:16.917 ideér om webbläsarens gränssnitt. 00:00:16.917 --> 00:00:19.122 Det försöker inkludera mer folk i konversationen 00:00:19.122 --> 00:00:21.622 om hur webbläsare ska se ut. 00:00:21.622 --> 00:00:23.954 Och hur de ska funka. 00:00:23.954 --> 00:00:26.828 Tekniskt sett är Chromeless ingenting nytt. 00:00:26.828 --> 00:00:30.130 Vad vi har gjort är att ta XULrunner, platformen 00:00:30.130 --> 00:00:31.932 som Firefox och thunderbird är byggda på, 00:00:31.932 --> 00:00:34.735 och lagt ett tunt avskiljande lager på den. 00:00:34.735 --> 00:00:37.804 Detta gör det möjligt att snbbt göra en webbläsare 00:00:37.804 --> 00:00:42.509 genom att använda tekniker som html, javascript och css. 00:00:42.509 --> 00:00:45.412 I Chromeless definierar ett enda html dokument 00:00:45.412 --> 00:00:48.588 webbläsarens användargränssnitt. 00:00:48.588 --> 00:00:50.517 För att göra det enklare att prata om har vi kallat 00:00:50.517 --> 00:00:54.152 html dokumentet för webbläsarkoden. 00:00:54.152 --> 00:00:57.457 Precis som vanligt webbinehåll kan inbädda sajter och iframes 00:00:57.457 --> 00:00:59.960 kan den här webbläsaren också göra det 00:00:59.960 --> 00:01:02.696 men den har större privilegier för att påverka och övervaka 00:01:02.696 --> 00:01:05.149 innehåll bredvid den iframen. 00:01:05.149 --> 00:01:08.035 Det här temat om att ta existerande webbkoncept 00:01:08.035 --> 00:01:10.237 och utöka dem lite grann 00:01:10.237 --> 00:01:13.106 är idén bakon Chromeless. 00:01:13.106 --> 00:01:17.611 Nu ska jag visa lite saker du kan göra. 00:01:17.611 --> 00:01:20.080 Det du tittar på nu är en väldigt simpel 00:01:20.080 --> 00:01:21.816 men funktionell webbläsare. 00:01:21.816 --> 00:01:24.584 Här kan du se html som renderar ett textfält 00:01:24.584 --> 00:01:27.788 där du kan skriva in en url och en iframe 00:01:27.788 --> 00:01:30.157 dit webbinnehåll går. 00:01:30.157 --> 00:01:32.395 Med Chromeless är det här igentligen den enda koden du behöver för att 00:01:32.395 --> 00:01:34.328 göra en webbläsare. 00:01:34.328 --> 00:01:35.596 Nu tar vi det lite längre. 00:01:35.596 --> 00:01:38.403 Tänk om vi ville låta användaren välja fullskärmsläge. 00:01:38.403 --> 00:01:40.634 Expandera till fullskärm är tydligt inget 00:01:40.634 --> 00:01:42.903 som en genomsnittlig webbsida kan göra. 00:01:42.903 --> 00:01:45.247 Så vi måste sätta in ett nytt API. 00:01:45.247 --> 00:01:47.729 Inuti Chromeless är den globala kravfunktionen 00:01:47.729 --> 00:01:50.629 hur du kan komma åt nya APIs. 00:01:50.629 --> 00:01:54.014 I det här fallet behöver vi misc biblioteket. 00:01:54.014 --> 00:01:55.931 Namnet misc är bara en platshållare 00:01:55.931 --> 00:01:58.585 men den exponerar en fullskärmsfunktion som vi kan använda 00:01:58.585 --> 00:02:01.221 för att välja läge på webbläsaren. 00:02:01.221 --> 00:02:03.638 Den kommer anropa den här funktionen i en kanapp, 00:02:03.638 --> 00:02:05.336 klickhanterare. 00:02:05.336 --> 00:02:07.896 Med 4 kodrader till har vår webbläsare 00:02:07.896 --> 00:02:10.931 ett funktionellt fullskärmsläge. 00:02:10.931 --> 00:02:12.966 Nu provar vi något mer lekfullt 00:02:12.966 --> 00:02:14.601 som kombinerar några nya ideér. 00:02:14.601 --> 00:02:16.960 Först, som vi nämnde förut, har webbläsarkod 00:02:16.960 --> 00:02:21.241 större privilegier för att övervaka webbinnehåll som kör i iframes. 00:02:21.241 --> 00:02:24.878 Ett exempel på detta är den exprimentella domladdningshändelsen 00:02:24.878 --> 00:02:28.682 som används när nytt innehåll laddas in i en iframe. 00:02:28.682 --> 00:02:31.418 Det andra verktyget vi använder är "dom shot" biblioteket 00:02:31.418 --> 00:02:34.788 som kan få en grafisk översikt över den specifika dom noden. 00:02:34.788 --> 00:02:37.391 Returneringsvärdet av funktionen är en data url som 00:02:37.391 --> 00:02:40.227 innehåller inbäddad pingbilddata. 00:02:40.227 --> 00:02:42.629 Nu har Marcio kombinerat dessa två funktioner och en liten bit 00:02:42.629 --> 00:02:44.624 jquery för att bygga denna demonstrationswebbläsare. 00:02:44.624 --> 00:02:48.072 Den låter dig se förhandsgranskningar av öppna flikar 00:02:48.072 --> 00:02:50.938 med en fiskögseffekt. 00:02:50.938 --> 00:02:53.707 Förhoppningsvis ger det dig en ganska bra förståelse om 00:02:53.707 --> 00:02:55.308 vad Chromeless handlar om. 00:02:55.308 --> 00:02:56.844 För att lära dig mer rekommenderar vi att du 00:02:56.844 --> 00:03:00.080 hämtar koden från github och börjar med den inkluderade handledningen. 00:03:00.080 --> 00:03:03.150 Medans några APIs som jag har visat dig här kanske har ändrats. 00:03:03.150 --> 00:03:06.954 Har ideérna bakom Cromeless inte det. 00:03:06.954 --> 00:03:08.989 Om du har tankar om chromeless, eller vill 00:03:08.989 --> 00:03:11.792 medverka, kan du gå med på dom vanliga ställena, 00:03:11.792 --> 00:03:13.933 på IRC och vår e-post lista. 00:03:13.933 --> 99:59:59.999 Tack för att du tittade.