Rozwijające Rozszerzenia dla Google Chrome

Po raz pierwszy mamy widok z CSS, wszystkie części nakładka rozszerzenia jest już zakończona tak powiem więc zaczęliśmy z pracą backend, praca tle, który umożliwia działanie, więc zacznijmy dokonywania kodu JavaScript która pozwala śledzić kanał i pozwoli nam uzyskać najnowszy film, który został przesłany później zawiadomić

więc kod, który widzisz jest nakładany na moim kanale, ale jak widać wnętrzności, kod rozszerzenie, ponieważ doskonale wiedzą podobnie jak jakikolwiek inny kanał, który chcesz zrobić na całym świecie, więc niech kodu JavaScript iz powrotem Witam jestem izan, a dziś będziemy kontynuować kurs dla rozszerzeń Google Chrome, jak pamiętamy ostatni film dodać skrypt

naprawdę dobry ten link teraz nie powiedzie się, ponieważ nie stworzyliśmy ten skrypt ten skrypt tylko sześć linii Następnie piszemy koniec wszystkiego, bo jeśli nie teraz po prostu nie zrozumie, co robi, ale to jest bardzo proste, intone co teraz zrobimy jest to bardziej skomplikowana część jest background.js, co jest background.js? Zasadniczo będzie to, co nasze rozszerzenie będzie pracować nieustannie

to jest cały czas bez przerwy, więc jeśli będziesz wybaczyć mi chwilę, muszę tu kompletny kod, bo nie chcą mieć żadnych błędów robiąc nic to tylko jest to, ahh ... Wyjaśnię to dobrze to zrobi dokładnie to, jak widać mamy tylko podstawowe 'HTML', który nie ma 'ciało' czy coś i wszystko, co trzeba umieścić to '

moglibyśmy popełnić błąd lub po prostu nie wiem, a następnie umieścić go najlepiej zawsze sprawia, że ​​rzeczy bardzo proste, najpierw należy dodać 'jquery' na 'tle', a następnie dodaje plik, tło skrypt. Ważne jest, że 'jQuery' jest pierwszym, bo jeśli wrócisz pierwszym jest uruchomienie w tle i jeśli najpierw uruchomić 'tle' daje błąd, ponieważ 'jquery' biegnie dalej, a następnie 'jquery' zawsze jest na pierwszym miejscu

OK, to jest wszystko, co obejmuje ten skrypt i teraz, jak trudno będzie teraz do być 'skrypt' 'background.js' ! Ehmmm! Napisałem ten skrypt już, to już dawno skończyłem rozszerzenia iw zasadzie mam napisane i nie będę znowu pisać bo zajęło mi sporo czasu, ale opiszę go w najdrobniejszych szczegółach jej funkcjonowania, na przykład, że 'mmm' Chodźmy tutaj

Ok, musiałem wstrzymać chwilę film, a następnie, jeśli przyjrzymy się bliżej, jest tu mmm 'skrypt' tu mieć 'JSON' z trzema zmiennymi 'a, b, c' są różne elementy 'HTML' będziemy służyć do identyfikacji każdego filmu, jeśli dobrze pamiętam, to, jeśli dajemy tutaj nie znaleziono, to będzie warto, to tu, to znaczy, że jest w zasadzie selektor jest nazwa używają wideo

to znaczy, jeśli nam skupić jak widać mają tutaj '' i mamy dobre 40 tysięcy gatunków, nie wiem, jak nie ' jako że nie może wiedzieć, co tytuł, i to, co mamy, ale wiemy, że nigdy nie jest 'klasa' nigdy się nie zmienią to jest dobrze, jeśli się zmienić stronę, ale jednocześnie nie modyfikować stronę, to tutaj wszystko 'a', 'klasa' nie jest, że nie wszystkie swoje zajęcia i royos

pozostanie taka sama, a następnie, jak widać tutaj napisać ' co robimy, to jest, to jest pierwsze uruchomienie, jak widać z funkcji wyboru, co spowoduje, że naprawienie 'localStorage' tak powiem jest sposób przechowywania danych nie?, ponieważ stawiamy, że jeśli istnieje, jeśli jest przechowywany który jest kanał YouTube

Zmienna ta jest przechowywana w pamięci lokalnej, jeśli istnieje, to 'url' jest zapisany w 'localstorage.youtubechannel' to co robimy jest informacją zmienną zapisaniu osobę, która wtedy będzie następnie umieścić je w pliku 'Ustawienia' jako zmienna 'URL', które tutaj zdefiniowanymi powyżej, zmiana, bo jeśli nie byłoby domyślne Myślę, że to był mój kanał

I umieścić go umieścić coś, a potem robimy 'XML.HttpRequest ()' Dobra, tu określić, kiedy status 'XMLHTTP' to jest, gdy otrzymamy odpowiedź, bieganie, a następnie zrobić 'GET' i umieścić adres URL i wiernym być asynchroniczne wysyłamy go, a następnie dokonać interwał, a następnie co to jest?, czynimy 'setTimeout' 'Kontrola działania', który jest nazywany siebie

stale, i to, co zrobi, że co dwie sekundy spowoduje powrót do powtórzyć to, to kursuje co dwie sekundy intone, Co to jest łaska? mówimy, że jeśli 'readyState == 4', jeśli się nie mylę ... Myślę, że to dla tego, wszystko to jest wtedy, gdy W 'readyState == 4' i '== stan 200' jest to, że została wykonana dobrze, nie było błędem, a ja nie pamiętam i mają intOne, dochodzimy do 'analizy'

i mówimy podjąć 'responseText', który jest w zasadzie to, mianowicie, 'responseText' zrobię cały kod źródłowy internecie w tym czasie, a następnie, 'analizować' Co zamierzasz zrobić?, wtedy nazywamy pozostałe dwa pierwsze 'getVideoName', aby wiedzieć, co jest nazwą wideo i 'getEmbedLink', który odbędzie się 'link', aby umieścić w eFrame vdir, EMA, czy to co widzę w tym filmie, a następnie

GetVideoName' Co? Najpierw tworzymy trzy zmienne 'index1, index2, index3', a następnie 'videoNameString', który będzie zatem, że potem 'videoName' hmm przypisać do zmiennej 'videoName', jak widać kładę 'error' bo tu zmieni, jeśli nie zmieni go do nas 'error' wola a następnie, jeśli to nie będzie działać 'ERROR', jeśli nie, choć umieściliśmy 'ERROR', jak to się nie zmieni, nie będzie już 'ERROR'

będzie nazwa ostatniego kanału wideo i łaski jest to, że stawiamy, dołożymy tylko wyglądają po indeksie ponieważ tylko indeks wygląda, to znaczy, jeśli powiemy, że indexOf, jeśli zrobimy pętlę, tylko będzie wyglądać po filmie i jak zawsze, ostatni film jest zawsze powyżej kodzie HTML, pierwszy indeks zawsze znajdzie najnowszy film, który został przekazany osobie

że rzeczywistość jest zawsze na pierwszej stronie, a myślę, że dobrze wyjaśnione