Die ontwikkeling van uitbreidings vir Google Chrome - einde debugging kode
Die ontwikkeling van uitbreidings vir Google Chrome
Die verbetering van die kode en oplos.
Die ontwikkeling van uitbreidings vir Google Chrome 09: einde debugging kode
Hoekom, om te sien of jy dink? ... Dit is terug te ontfout, natuurlik, is nie dat dinge sleg gedoen, programmeerders ons spandeer meer tyd debugging ... wat skriftelik kode. So in hierdie video sal ons die hele proses het ons tot dusver want selfs in daardie verband 'FrontEnd' met 'backend' gedra, sien ons poleer dinge wat moet gelaat word meer gerig op die finale en werking; en ons sal sien in hierdie video.
Ons gaan voort met die verloop van uitbreidings vir Chrome. Vandag sal ons die 'HTML instellings' en 'JS instellings' te doen; basies, sal ons dien die persoon kan kies watter kanaal jy hom wil hier sonder om kode te skryf. Gewoonlik mense weet nie hoe om die program; dan gaan ons hier en doen die eerste 'HTML instellings' ... ons maak dit en hier het ons dit; Ek sal ook verduidelik, maar dit is dit. Ons het 'n normale HTML
voeg JQuery en 'Styl'. Dan het ons 'n 'script' dit is 'JS instellings' wie is hierdie 'script' wat dan sal ons uiteindelik en die 'Liggaam', jy sien Dit maak nie veel anders nie, is net 'n 'Input' Ons sal die ID as 'youtubeLink' gee; vir die 'titel' plekke (bv.): 'Sit die skakel kanaal of web video' wat jy wil om te sê ... ons het 'n 'plekhouer' te laat die persoon weet hoe om te spel en 'n 'insette' tipe 'knoppie', wat is 'n 'stuur' ...
geen bronkode of enigiets ... om 'n oomblik te sien, sal ek een ding doen, ek gaan my laaste uitbreiding het, omdat die veranderinge die kode geraak. Myn is reeds gemaak. Ek het reeds hierdie, met die knoppie 'save' en 'plekhouer' van wat die kanaal; Ek sal beter met dit te verduidelik ... basies Wat is dié? ... Die 'getSavedChannel' kyk na 'localStorage' Wat ons die kanaal gered en sal hier te verander in die 'plekhouer' ...
Hierdie 'insette' wat sal verander vir die gered kanaal; So hier kry ons die skakel Ons het nou, en dan 'n 'setTimeout' 'n tweede want as die persoon die kanaal verander, die 'nuwe kanaal' kry jy; dan is hierdie funksie basies wat jy gaan doen is kyk of die URL goed sit. Hier is minder as 28, dit is die minste met die YouTube-skakel vir 'n kanaal; Ons maak 'n 'terugkeer' van 'Ongeldige URL' wat sal wys red'll sien daaroor.
Jy sal 'Ongeldige URL'; Inderdaad, as ek die 's' ... jy sien? Ons kry 'Ongeldige URL' en daarom kan ons dit nie gebruik nie. Dan data.indexOf ( 'videos') Indien te eniger tyd geen video's, dan maak ons ​​duidelik 'featured' (om 'n oomblik te sien) en verander dit vir niks, en voeg '/ video's.' So as die persoon gegee is die spyskaart boot in plaas van video; Ons sal hierdie te neem en sit '/ video's,' basies om te verseker
Ek eindig altyd op hierdie bladsy. Dan, as daar is geen verband YouTube URL is ongeldig en as die laaste woord (dan na alles wat hardloop) is nie video's, dit invalidates ook die URL. Hier het ons 'n 'return true' .... Beteken dit jy sal presies doen? Jy sal doen 'var korrekte = checkParameters (data)' doen ( '#checkResponse'). verwyder () ... nou, weet ek nie onthou doen ... Laat my dan uit te vind in 'n ander handleiding ... dan data = $ ( '# yotutubeLink'). Val ()
en 'var korrekte = checkParameters (data)' ... asof hy verduidelik slegte sal 'Ongeldige URL' terugkeer, as jy óf gaan om terug te keer 'ware' dan doen 'as (corrrect == ware)', dit is 'n bietjie absurd, want ons kan dit doen ... dit sal dieselfde noudat ek daaraan dink nie. Ons doen om te red Die nuwe adres en die 'liggaam' gefokus voeg 'n 'span' met 'checkResponse' ... dit beteken is, byvoorbeeld, die 'checkRespond' wat dit doen is verwyder
die 'Ongeldige URL'. Ons het twee lyn veranderinge; ons behoorlik gestoor (in vetdruk). Ons maak die 'span'. Ons 'uitdoof' Dit word deursigtig geleidelik verdwyn totdat verdwyn in 3.5 sekondes, maar dit korrek is, sal dit 'Ongeldige URL' of wat ook al doen, want ons kan byvoeg meer waardes, wat sal doen, is om by te voeg in die 'liggaam' dieselfde, maar in rooi, en ook die gebruik van die veranderlike wat teruggekeer het om ons as dit was okay was 'ware'
maar as dit verkeerd is, kan ons 'n paar foute te maak, maar in hierdie geval sal 'Ongeldige URL' wees. En so basies, dit is hoe ons dit doen. As ons nou terug te keer na my channel ... As ek hier sit, byvoorbeeld, kan ons hierdie sit om te toets, dit doen niks ... jy kan nie, 'ons is baie jammer Here,' maar daar is geen. Maar as ek sit selfs in die 'begin' ... hierdie. Sê behoorlik gestoor en geleidelik verdwyn; en nou as ek hier aangekom het, nou goed, want dit het nie goed loop
hier ja, sien jy? ... Terug na my channel ... nou gaan ek 'jostajotavm' wat myne is, is al klaar. Ek weet nie hoekom dit nie die 'instellings' oop dan sal Ek op te los. As ons teruggaan na die 'jotajotavm' Sien jy? ... Ons kan ook vang dit. Ons plaas dit in instellings soos 'herlaai' Reeds uit 'jotajotavm' en so met iemand. Ons kan enigiets probeer ... 'HolaSoyGermán'. Ek wil nie hier kopiereg en as ek 'HolaSoyGermán'
Dit is ook gered en nou sien ons uit te kom 'HolaSoyGermán' sy nuutste video. En dit is basies wat ons bereik met hierdie 'script', maar ons 'n gebrek Maak dit goed die 'instellings' wat ek in die volgende video sal verduidelik wys; Nou sal ek probeer om uit te vind waarom. Die belangrikste moenie die 'background.js' Ons stuur 'n kennisgewing wanneer daar 'n nuwe video, dit is redelik maklik om te doen in die volgende video wat ek verduidelik hoe.
01 - Inleiding
02 - Stel manifest.json n Chrome Uitbreiding
03 - Agtergrond van Kenne into toelaat Uitbreiding
04 - HTML en struktuur Uitbreiding
05 - Ontwerp Style Uitbreiding
07 - Die verbetering van die agterkant
08 - Kommunikasie tussen frontend en backend
09 - einde debugging kode
10 - Finale new kode
11 - Tot die Uitbreiding na Play-winkel
'Jy kan my nie indink hoe dit my hierdie kursus 'help'
'Dankie vir hierdie agenda jy! Ek het gevind dat dinge wat ek nooit geweet los ''
'Ek sal my eie uitbreiding 'skep'
jotajotavm © - Die ontwikkeling van uitbreidings vir Google Chrome