Die ontwikkeling van uitbreidings vir Google Chrome

Vir een keer het ons die vertoning met CSS, is al die voorkant deel van die uitbreiding reeds klaar te praat sodat ons begin met die agterkant werk, werk agtergrond dat werking stel, so laat ons begin om die JavaScript-kode wat jou toelaat om die kanaal te spoor en ons in staat stel om die nuutste video wat later gelaai om kennis te gee verkry

sodat die kode wat jy sien is van toepassing op my channel, maar as jy die guts sal sien, die uitbreiding kode omdat jy weet self baie goed net soos enige ander kanaal wat jy wil doen in die hele wêreld, so moet die JavaScript-kode en weer Hi Ek is Izan, en vandag sal ons die kursus vir Google Chrome uitbreidings voortgaan, as ons onthou die laaste video voeg 'n script

regtig 'n goeie hierdie skakel nou sou misluk omdat ons nie hierdie skrif geskep, hierdie script net ses lyne dan skryf ons die einde van alles, want as nie nou net nie verstaan ​​wat dit doen, maar dit is baie eenvoudig, aanheffen nou wat ons sal doen dit is 'n meer ingewikkelde deel is die background.js, Wat is background.js? Eintlik is dit sal wees wat ons uitbreiding voortdurend sal loop

dit is, al die tyd sonder om te stop, so as jy my 'n oomblik sal verskoon, ek het nog die volledige kode omdat jy nie wil hê om enige foute terwyl niks doen nie dit is net hierdie, ahh ... Ek verduidelik dit goed sal doen presies soos jy sien ons het net basiese 'HTML', wat nie 'n 'liggaam' of enigiets het en alles wat ons het om te sit is die '

Ons kan 'n fout maak of net nie weet nie, en dan sit dit die beste altyd maak dinge baie eenvoudig, eerste voeg 'jQuery' na 'agtergrond' en dan voeg die lêer, die script agtergrond. Dit is belangrik dat die 'jQuery' is eerste want as jy teruggaan eerste is om die agtergrond loop en as jy eers die 'agtergrond' loop sal fout gee, want 'jQuery' loop op, dan 'jQuery' kom altyd eerste

OK, dit is al wat dit insluit nie hierdie skrif en nou hoe moeilik sal nou aan die 'script' wees 'background.js' ! Ehmmm! Ek het hierdie skrif geskrywe ek reeds, dit is lankal ek die uitbreiding klaar en basies Ek het dit geskryf en ek sal nie weer skryf want dit het my 'n lang ruk, maar ek sal dit verduidelik in detail die werking daarvan, byvoorbeeld, dat 'mmm' Kom ons gaan hier

Goed, het ek 'n paar oomblikke die video breek, dan, as ons goed kyk, is hier die 'script' mmm hier het 'n 'into' met drie veranderlikes 'A, B en C' word verskillende elemente 'HTML' Ons gaan dien aan elke video te identifiseer, as ek reg onthou, hierdie, as ons hier gee nie gevind nie, dit sal die moeite werd wees, dit is reg hier, dit is, dit is basies die selector is, die naam wat hulle gebruik vir die video

dit is, as ons om te fokus as wat jy hier sien het '' en ons het 'n goeie 40000 soorte nie weet hoe om nie te ' as ons nie kan weet wat die titel, en dit is wat ons kry, maar ons weet dat nooit die 'klas' sal nooit verander nie dit is, goed as jy die bladsy verander nie, maar terwyl dit nie die bladsy verander, dit alles hier 'n' 'klas' is nie so nie al sy klasse en royos

Dit sal dieselfde bly, dan, soos jy hier sien skryf die '< 'n klas ...' totdat ons klaar is met al die klasse, dan van daar af wat ons doen is dit, dit is die eerste lopie as jy sien die tjek funksie, wat sal maak dat goeie die 'localStorage' so te sê, is hoe om data stoor?, want ons sit dat indien daar, indien gestoor wat die YouTube-kanaal

dit is 'n veranderlike wat gestoor word in die plaaslike stoor as daar dan 'url' is gestoor in 'localstorage.youtubechannel' dan wat ons doen is vertel van die veranderlike jy die persoon gered wat sal dan dan sit dit in die lêer 'instellings' as 'n veranderlike 'url' wat hier bo het gedefinieer, die verandering, want as dit die verstek nie sou wees Ek dink dit was my channel

Ek sit dit om iets te sit, dan doen ons 'n 'XML.HttpRequest ()' Goed, hier is ons definieer as die status van 'element XMLHTTP' dit is vir wanneer ons ontvang die antwoord, hardloop en dan 'n 'kry' en sit die URL en getrou aan asynchrone wees ons skip dit, en dan 'n interval en dan wat is dit?, ons maak 'n 'setTimeout' 'check' funksie wat word haarself genoem

voortdurend, en dit is wat sal doen wat elke twee sekondes sal terugkeer na hierdie herhaal, hierdie loop elke twee sekondes aanheffen, Wat is die genade?, sê ons dat as 'readyState == 4', as ek dit nie mis nie ... Ek dink dit was vir hierdie, al hierdie dinge is wanneer die 'readyState == 4' en die 'status == 200' is dat dit goed uitgevoer word, daar was geen fout gemaak het, en ek kan nie onthou en het aanheffen, kom ons by die 'analiseer'

en ons sê neem die 'responseText' wat is basies dit, naamlik die 'responseText' Ek sal al die bronkode van die web te doen In dié tyd dan, 'analiseer' Wat gaan jy doen?, dan roep die ander twee eerste 'getVideoName' om te weet wat is die naam van die video en 'getEmbedLink' wat die 'skakel' sou neem om te sit in 'n eFrame, vdir, ema of wat ek sien in hierdie video, dan

GetVideoName' Wat beteken? Eerste skep ons drie veranderlikes 'Index1, Index2, index3' dan 'videoNameString' wat dus dat dan 'videoName' sal wees hmm toewys aan die veranderlike 'videoName', as jy sien ek 'FOUT' want hier die veranderinge, indien dit nie verander om ons 'FOUT' sal dan as dit nie uit te voer sal wees 'FOUT', indien nie, hoewel ons 'FOUT' het sit as dit gaan verander, nie meer 'FOUT' wees

sal die naam van die laaste video-kanaal en genade wees, is dat as ons sit, sal ons net laat lyk wanneer die indeks as die indeks net lyk, dit is, as ons sê dat die indexOf, as ons 'n lus te doen, net dit sal lyk as die video en soos altyd, die laaste video is altyd bo die HTML-kode, sal die eerste indeks altyd die nuutste video wat is die persoon gelaai

dat die werklikheid is altyd die eerste bladsy, en ek dink ek het goed verduidelik