Rozwijające Rozszerzenia dla Google Chrome

Rozwijające Rozszerzenia dla Google Chrome 09: Koniec debugowanie kodu

11 filmy

88 minuty

Dlatego, aby zobaczyć, czy się domyślić? ... To jest powrót do debugowania; Oczywiście, nie jest to, że rzeczy są źle zrobione, programiści spędziliśmy więcej czasu na debugowanie ... że pisanie kodu. Więc w tym filmie ujrzymy cały proces zrealizowaliśmy do tej pory, bo nawet w tym względzie 'nakładka' z 'backend' jesteśmy polerowania rzeczy, które powinny być pozostawione bardziej zorientowane do finału i operacji; i zobaczymy w tym filmie.

Nadal z przebiegiem rozszerzeń dla Chrome. Dziś zrobimy 'Ustawienia HTML' i 'Ustawienia' JS; Zasadniczo, będziemy służyć osoba może wybrać, który kanał chcesz go tu bez konieczności pisania kodu. Zazwyczaj ludzie nie wiedzą jak programować; Następnie idziemy tu i zrobić najpierw 'Ustawienia HTML' ... otwieramy go i tu mamy to; Ja również wyjaśnić, ale to wszystko. Mamy normalny HTML

dodaj jQuery i 'styl'. Następnie mamy 'skrypt', który jest 'Ustawienia JS' Kim jest ten 'scenariusz', który to będziemy kończyć i 'ciała', widać To nie ma nic innego, tylko 'Input' damy ID jako 'youtubeLink'; dla 'title' miejscach (np.): 'Put kanał łącza internetowego lub wideo' co chcesz powiedzieć ... kładziemy 'zastępczy' niech osoba wie, jak się pisze i 'przycisk' 'wejście' typ, który jest 'submit' ...

jak widzimy tutaj, w 'wartość' będzie przycisk będziemy służyć do utrzymania ... to są style wizualne, że to nie jest ważne ... ważne jest to co mamy? ... An 'funkcja anonimowa' JavaScriptu i zmiennej 'dane'; funkcja 'getSavedChannel'. Wzięliśmy kanał ... zanim zrobimy coś, Dlaczego nie widzę? ... Ja nie zostały zapisane, ale nadal powinna być ... ma być dobra wszystkich, dlatego nie wiem, dlaczego tak otwarty ... to jest bardzo dziwne.

brak kodu źródłowego lub cokolwiek ... żeby zobaczyć chwilę, zrobię jedno, będę mieć moje ostatnie rozszerzenie, ponieważ zmiany dotknęły kod. Kopalnia została już wykonana. Mam już tego za pomocą przycisku 'Zapisz' i 'zastępczego' jakiego kanału; Wytłumaczę lepiej z tym ... Zasadniczo co to jest? ... The 'getSavedChannel' patrząc 'localStorage' Co nam zostało zapisane kanał i zmienia się tutaj w 'zastępczy' ...

To 'wejście', co spowoduje zmianę zapisanego kanału; więc tutaj mamy odnośnik Dodaliśmy teraz, a następnie zrobić 'setTimeout' sekunda bo jeśli osoba zmienia kanał, pojawi się 'nowy kanał'; Następnie funkcja ta w zasadzie co można zrobić, to sprawdzić, czy adres URL jest dobrze zorganizowany. Tutaj jest mniejsza niż 28, to jest to co najmniej z linkiem YouTube na kanale; możemy zrobić 'powrót' 'Nieprawidłowy URL', które pokaże red'll o tym przekonamy.

Będziesz 'Nieprawidłowy URL'; Rzeczywiście, jeśli dam 'S' ... widzisz? otrzymujemy 'Nieprawidłowy URL' i dlatego nie można go używać. Następnie data.indexOf ( 'wideo') jeśli w dowolnym momencie nie ma filmów, wtedy jasno 'biorące' (aby zobaczyć na chwilę) i zmienić go na cokolwiek i dodać '/ wideo.' Więc jeśli dana osoba została podana menu rozruchowego zamiast filmu; weźmiemy to i umieścić '/ wideo,' W zasadzie, aby zapewnić

I zawsze kończy się na tej stronie. Następnie, jeśli nie ma żadnego związku z YouTube URL jest nieprawidłowy i jeśli ostatnie słowo (a po całej tej biegania) nie jest film, ale także unieważnia URL. Tutaj mamy 'return true' .... Czy to oznacza, zrobisz dokładnie? Zrobisz 'var = checkParameters poprawne (dane)' zrobić ( '#checkResponse'). usuń () ... w tej chwili nie pamiętam robi ... dalej następnie znaleźć się w innym tutorialu ... wtedy data = $ ( '# yotutubeLink'). val ()

i 'var = checkParameters poprawne (dane)' ... jakby tłumacząc złe powróci 'Nieprawidłowy URL', jeśli są albo zamiar wrócić 'true' a następnie zrobić 'if (corrrect == true)', to jest trochę absurdalne, bo mogliśmy zrobić ... to byłoby to samo teraz, kiedy o tym myślę. Robimy zapisać Nowy adres i 'ciało' koncentruje się dodać 'rozpiętość' z 'checkResponse' ... to nie jest, na przykład, 'checkRespond' co robi jest usuwanie

W 'Nieprawidłowy URL'. Mamy dwie zmiany linii; zaoszczędziliśmy poprawnie (pogrubione). Zamknęliśmy 'rozpiętość'. My 'wyciszenia' To staje się przezroczysta stopniowo zanika, aż znikają w 3,5 sekundy; ale to jest prawidłowe, to zrobi 'Nieprawidłowy URL' lub cokolwiek, bo możemy dodać więcej wartości, co zrobić, to dodać w 'ciele' to samo, ale w kolorze czerwonym, a także za pomocą zmiennej, która wróciła do nas, czy to w porządku, to 'prawdziwe'

ale jeśli jest źle, możemy dokonać kilku błędów, ale w tym przypadku będzie 'Nieprawidłowy URL'. I tak w zasadzie, to w jaki sposób to zrobić. Jeśli teraz powrócić do mojego kanału ... jeśli mogę umieścić tutaj, na przykład, możemy umieścić to przetestować, to nic nie robi ... nie można, 'jesteśmy bardzo przykro, Panie', ale nie. Ale jeśli mogę umieścić nawet w 'start' ... to. Mówi zapisane prawidłowo i stopniowo zanika; a teraz, gdy tu przyjechałem, już teraz, ponieważ nie działa dobrze

o tak, widzisz? ... Powrót do mojego kanału ... teraz mam zamiar 'jostajotavm' to kopalnia jest już zakończone. Nie wiem, dlaczego to się nie powiedzie, aby otworzyć 'Ustawienia' wtedy będę rozwiązać. Jeśli wrócimy do 'jotajotavm' Czy widzisz? ... Możemy również złapać. Kładziemy go w ustawieniach jako 'odśwież' Już z 'jotajotavm' i tak z nikim. Mogliśmy spróbować wszystkiego ... 'HolaSoyGermán'. Nie chcę tu prawa autorskie i jeśli kładę 'HolaSoyGermán'

To jest również zapisane, a teraz widzimy wychodzi 'HolaSoyGermán' Jego ostatni film. I to w zasadzie to, co udało nam się osiągnąć ten 'scenariusz', ale brakuje Dodać do nich dobrze pokazać 'Ustawienia', które opiszę w następnym filmie; Teraz postaram się dowiedzieć, dlaczego. Najważniejsze to jest 'background.js' Mamy wysłać powiadomienie, gdy pojawił się nowy film, to jest dość łatwe do zrobienia w następnym filmie wyjaśnię jak.

PA.

Aby znaleźć nowe kursy, zapisz. Nie będzie spam, obiecał :)

o autorze

foto de jotajotavm
José Javier Villena

Biografia: Analityk-Programmer w różnych językach. Platformy Opiekun PREMIUM rozpoznawane na całym świecie jako CodigoFacilito. Artykuły Edytor Cristalab. Mój kanał YouTube jest sponsorowany przez wydawcę Anaya LaTostadora. Lubię szczegółowo wyjaśnić i podać kilka przykładów dla uniknięcia wątpliwości.