[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:01.67,0:00:04.90,Default,,0000,0000,0000,,Hej, jag är Lloyd Hilaiel och arbetar med Marco Galli på mozilla Labs.
Dialogue: 0,0:00:04.90,0:00:09.71,Default,,0000,0000,0000,,Den här korta filmen kommer ge dig en översikt över chromeless-projektet.
Dialogue: 0,0:00:09.71,0:00:13.55,Default,,0000,0000,0000,,Chromeless är ett experiment som ska göra det lättare att testa
Dialogue: 0,0:00:13.55,0:00:16.92,Default,,0000,0000,0000,,ideér om webbläsarens gränssnitt.
Dialogue: 0,0:00:16.92,0:00:19.12,Default,,0000,0000,0000,,Det försöker inkludera mer folk i konversationen
Dialogue: 0,0:00:19.12,0:00:21.62,Default,,0000,0000,0000,,om hur webbläsare ska se ut.
Dialogue: 0,0:00:21.62,0:00:23.95,Default,,0000,0000,0000,,Och hur de ska funka.
Dialogue: 0,0:00:23.95,0:00:26.83,Default,,0000,0000,0000,,Tekniskt sett är Chromeless ingenting nytt.
Dialogue: 0,0:00:26.83,0:00:30.13,Default,,0000,0000,0000,,Vad vi har gjort är att ta XULrunner, platformen
Dialogue: 0,0:00:30.13,0:00:31.93,Default,,0000,0000,0000,,som Firefox och thunderbird är byggda på,
Dialogue: 0,0:00:31.93,0:00:34.74,Default,,0000,0000,0000,,och lagt ett tunt avskiljande lager på den.
Dialogue: 0,0:00:34.74,0:00:37.80,Default,,0000,0000,0000,,Detta gör det möjligt att snbbt göra en webbläsare
Dialogue: 0,0:00:37.80,0:00:42.51,Default,,0000,0000,0000,,genom att använda tekniker som html, javascript och css.
Dialogue: 0,0:00:42.51,0:00:45.41,Default,,0000,0000,0000,,I Chromeless definierar ett enda html dokument
Dialogue: 0,0:00:45.41,0:00:48.59,Default,,0000,0000,0000,,webbläsarens användargränssnitt.
Dialogue: 0,0:00:48.59,0:00:50.52,Default,,0000,0000,0000,,För att göra det enklare att prata om har vi kallat
Dialogue: 0,0:00:50.52,0:00:54.15,Default,,0000,0000,0000,,html dokumentet för webbläsarkoden.
Dialogue: 0,0:00:54.15,0:00:57.46,Default,,0000,0000,0000,,Precis som vanligt webbinehåll kan inbädda sajter och iframes
Dialogue: 0,0:00:57.46,0:00:59.96,Default,,0000,0000,0000,,kan den här webbläsaren också göra det
Dialogue: 0,0:00:59.96,0:01:02.70,Default,,0000,0000,0000,,men den har större privilegier för att påverka och övervaka
Dialogue: 0,0:01:02.70,0:01:05.15,Default,,0000,0000,0000,,innehåll bredvid den iframen.
Dialogue: 0,0:01:05.15,0:01:08.04,Default,,0000,0000,0000,,Det här temat om att ta existerande webbkoncept
Dialogue: 0,0:01:08.04,0:01:10.24,Default,,0000,0000,0000,,och utöka dem lite grann
Dialogue: 0,0:01:10.24,0:01:13.11,Default,,0000,0000,0000,,är idén bakon Chromeless.
Dialogue: 0,0:01:13.11,0:01:17.61,Default,,0000,0000,0000,,Nu ska jag visa lite saker du kan göra.
Dialogue: 0,0:01:17.61,0:01:20.08,Default,,0000,0000,0000,,Det du tittar på nu är en väldigt simpel
Dialogue: 0,0:01:20.08,0:01:21.82,Default,,0000,0000,0000,,men funktionell webbläsare.
Dialogue: 0,0:01:21.82,0:01:24.58,Default,,0000,0000,0000,,Här kan du se html som renderar ett textfält
Dialogue: 0,0:01:24.58,0:01:27.79,Default,,0000,0000,0000,,där du kan skriva in en url och en iframe
Dialogue: 0,0:01:27.79,0:01:30.16,Default,,0000,0000,0000,,dit webbinnehåll går.
Dialogue: 0,0:01:30.16,0:01:32.40,Default,,0000,0000,0000,,Med Chromeless är det här igentligen den enda koden du behöver för att
Dialogue: 0,0:01:32.40,0:01:34.33,Default,,0000,0000,0000,,göra en webbläsare.
Dialogue: 0,0:01:34.33,0:01:35.60,Default,,0000,0000,0000,,Nu tar vi det lite längre.
Dialogue: 0,0:01:35.60,0:01:38.40,Default,,0000,0000,0000,,Tänk om vi ville låta användaren välja fullskärmsläge.
Dialogue: 0,0:01:38.40,0:01:40.63,Default,,0000,0000,0000,,Expandera till fullskärm är tydligt inget
Dialogue: 0,0:01:40.63,0:01:42.90,Default,,0000,0000,0000,,som en genomsnittlig webbsida kan göra.
Dialogue: 0,0:01:42.90,0:01:45.25,Default,,0000,0000,0000,,Så vi måste sätta in ett nytt API.
Dialogue: 0,0:01:45.25,0:01:47.73,Default,,0000,0000,0000,,Inuti Chromeless är den globala kravfunktionen
Dialogue: 0,0:01:47.73,0:01:50.63,Default,,0000,0000,0000,,hur du kan komma åt nya APIs.
Dialogue: 0,0:01:50.63,0:01:54.01,Default,,0000,0000,0000,,I det här fallet behöver vi misc biblioteket.
Dialogue: 0,0:01:54.01,0:01:55.93,Default,,0000,0000,0000,,Namnet misc är bara en platshållare
Dialogue: 0,0:01:55.93,0:01:58.58,Default,,0000,0000,0000,,men den exponerar en fullskärmsfunktion som vi kan använda
Dialogue: 0,0:01:58.58,0:02:01.22,Default,,0000,0000,0000,,för att välja läge på webbläsaren.
Dialogue: 0,0:02:01.22,0:02:03.64,Default,,0000,0000,0000,,Den kommer anropa den här funktionen i en kanapp,
Dialogue: 0,0:02:03.64,0:02:05.34,Default,,0000,0000,0000,,klickhanterare.
Dialogue: 0,0:02:05.34,0:02:07.90,Default,,0000,0000,0000,,Med 4 kodrader till har vår webbläsare
Dialogue: 0,0:02:07.90,0:02:10.93,Default,,0000,0000,0000,,ett funktionellt fullskärmsläge.
Dialogue: 0,0:02:10.93,0:02:12.97,Default,,0000,0000,0000,,Nu provar vi något mer lekfullt
Dialogue: 0,0:02:12.97,0:02:14.60,Default,,0000,0000,0000,,som kombinerar några nya ideér.
Dialogue: 0,0:02:14.60,0:02:16.96,Default,,0000,0000,0000,,Först, som vi nämnde förut, har webbläsarkod
Dialogue: 0,0:02:16.96,0:02:21.24,Default,,0000,0000,0000,,större privilegier för att övervaka webbinnehåll som kör i iframes.
Dialogue: 0,0:02:21.24,0:02:24.88,Default,,0000,0000,0000,,Ett exempel på detta är den exprimentella domladdningshändelsen
Dialogue: 0,0:02:24.88,0:02:28.68,Default,,0000,0000,0000,,som används när nytt innehåll laddas in i en iframe.
Dialogue: 0,0:02:28.68,0:02:31.42,Default,,0000,0000,0000,,Det andra verktyget vi använder är "dom shot" biblioteket
Dialogue: 0,0:02:31.42,0:02:34.79,Default,,0000,0000,0000,,som kan få en grafisk översikt över den specifika dom noden.
Dialogue: 0,0:02:34.79,0:02:37.39,Default,,0000,0000,0000,,Returneringsvärdet av funktionen är en data url som
Dialogue: 0,0:02:37.39,0:02:40.23,Default,,0000,0000,0000,,innehåller inbäddad pingbilddata.
Dialogue: 0,0:02:40.23,0:02:42.63,Default,,0000,0000,0000,,Nu har Marcio kombinerat dessa två funktioner och en liten bit
Dialogue: 0,0:02:42.63,0:02:44.62,Default,,0000,0000,0000,,jquery för att bygga denna demonstrationswebbläsare.
Dialogue: 0,0:02:44.62,0:02:48.07,Default,,0000,0000,0000,,Den låter dig se förhandsgranskningar av öppna flikar
Dialogue: 0,0:02:48.07,0:02:50.94,Default,,0000,0000,0000,,med en fiskögseffekt.
Dialogue: 0,0:02:50.94,0:02:53.71,Default,,0000,0000,0000,,Förhoppningsvis ger det dig en ganska bra förståelse om
Dialogue: 0,0:02:53.71,0:02:55.31,Default,,0000,0000,0000,,vad Chromeless handlar om.
Dialogue: 0,0:02:55.31,0:02:56.84,Default,,0000,0000,0000,,För att lära dig mer rekommenderar vi att du
Dialogue: 0,0:02:56.84,0:03:00.08,Default,,0000,0000,0000,,hämtar koden från github och börjar med den inkluderade handledningen.
Dialogue: 0,0:03:00.08,0:03:03.15,Default,,0000,0000,0000,,Medans några APIs som jag har visat dig här kanske har ändrats.
Dialogue: 0,0:03:03.15,0:03:06.95,Default,,0000,0000,0000,,Har ideérna bakom Cromeless inte det.
Dialogue: 0,0:03:06.95,0:03:08.99,Default,,0000,0000,0000,,Om du har tankar om chromeless, eller vill
Dialogue: 0,0:03:08.99,0:03:11.79,Default,,0000,0000,0000,,medverka, kan du gå med på dom vanliga ställena,
Dialogue: 0,0:03:11.79,0:03:13.93,Default,,0000,0000,0000,,på IRC och vår e-post lista.
Dialogue: 0,0:03:13.93,9:59:59.99,Default,,0000,0000,0000,,Tack för att du tittade.