Rozwijające Rozszerzenia dla Google Chrome

No to teraz, gdy wszyscy jesteśmy częścią 'backend' już zakończona i polerowanej. Z drugiej strony mieliśmy przed częścią pop-up wypełniony. Wyszliśmy z 'frontend' komunikowania się z 'zaplecza', więc w tym filmie zobaczymy jak nawiązaniu pomiędzy dwoma sytuacji, robiliśmy w trakcie przodu!

Dobra, kontynuujemy ... Zróbmy 'getVideos.js' skrypt Talon? Jak pamiętacie, jakiś czas w pop-up dodamy do tego skryptu: 'getVideos.js' To będzie działać, aby otworzyć okno pop-up, a następnie ... Łowimy 'getVideos.js' okay? Tu i pisałem iw zasadzie zrobię. Ja wytłumaczę dobrze; co robi jest to, czynimy funkcję Videoloader,

musimy zdać ... zmienna 'name' i zmienna 'URL' i wpisz w pliku a 'iframe' z klasy 'link' i 'źródła' to zmienna 'url' Eh ... 'frameborder' 0, można umieścić 0, gdyż w przeciwnym razie myślę pozostawiając krawędzie ehm .. i 'allowFullScreen' do .. dobrze, że .. Prawda jest taka, jak 'iframe' Nie mogłem sobie przypomnieć, jak pisać, szukałem w internecie i poszło dobrze. Chyba, dobrze .. w celu umożliwienia pełnego ekranu

Nie wiem, no ... 'w tle', no ... 'BG', ale będziemy używać jako 'tle', w zasadzie jest to obiekt, musisz ... this skrypt, kości, jest skrypt, który biegł ... ups, jest to, co robimy, bierze niejako odniesienia do tego skryptu, bo pamiętam, że teraz cały czas działa, a następnie 'tło url'. Łowimy 'BG', która stanowi przedmiot 'w tle' i umieścić zmienną embedLink.

Jeśli pamiętasz ... jest w porządku? On nie trzymał tego, co napisał, nic się nie dzieje, że jest umieszczona w danym momencie; Dlaczego umieścić go tutaj ... dobrze, Teraz piszę znowu, ale teraz .. mmm ... no w każdym razie, że będzie nadal dobrze, jeśli pamiętać; zmienna ta jest, kości, był parsowania internecie , Kości, co czyni go 'index' i tak dalej, mamy wiedzieć, jaki był związek, aby umieścić go w 'iframe', a następnie film

Czy nowy 'Videoloader' Używamy go tak, jakby to była klasa i przekazać 'tle' videoname, który jest również zmienna, która jest przechowywana w tło, otworzył dla mnie nie chcąc Sony Vegas i przekazać url tła zaoszczędziliśmy tutaj. Talon? Talon? Wtedy to będzie działać i uczyni document.write i chęć do pisania. Następnie funkcja jQuery, prawo krotka? Anonimowy funkcji.

Eh .. kiedy kliknij, link, widzisz, jeśli pamiętać, jest klasa 'link' i mamy umieścić 'iframe', gdy klikniemy, eh .. nie wiem czy widzieliście jak to jest dokładnie jeden 'iframe' YouTube, ale po kliknięciu odtwarza wideo, ale nie chcą, aby odtworzyć film, ponieważ Byłoby bardzo zdenerwowany, bo przy wyjeździe stracić i wideo Chcemy, aby otworzyć okno, widzimy się swobodnie.

Więc robimy 'preventDefault' nie uruchomić kliknij na tym obiekcie, a następnie zrobić 'window.open' url tła, po uświadomieniu sobie, że mamy tu zapisane w trybie pop-up i dać te wymiary, a następnie settings.Img w pliku Pop-up.html, jeśli pamiętasz ten mały przycisk tutaj, w tym animacji i co możemy zrobić, to dobrze eh co preventDefault skopiowane wcześniej

i zrobić 'window.open' też pliku, co robimy teraz, że będzie późniejszy settings.html będzie ustawiony która będzie ustawiona który kanał chcesz rozszerzenie, które chcesz tego sprawdzenia kanałów wideo i powiedz nam, kiedy się nowy film i wszystko. Pop-up, a następnie wykonujemy witdh 800 i 500 w porządku? Tak? Wszystko dobrze? Idę na kopiowanie, aby dobre i to tutaj, ale pamiętam było uruchomić powiadomienie

która następnie powiadamia użytkownika, gdy masz nowy film, ale na razie to tylko punkt, że nie będziemy używać w porządku? Robimy to, jest to, że nie musimy już teraz i mamy już tego produktu. Więc teraz, zobaczmy ... Dobrze, nasz pierwszy błąd, Jest to jak żart, że oszaleć jeśli skompilować pierwszy, ale nie, nigdy nie zdarza. Mmm .. Myślę, że to rozszerzenie, nieokreślone ... może być ...

Tam są! Oczywiście, jak nie wprowadziły przed tle, patrz, patrz ... programowanie, ale zmienna nie istnieje wtedy, na szczęście mam wszystko wykończone, choć wydaje się, że przypadkowo usunięte to źle i widać, że powiadomienie o nowych wideo skończyło się dobrze, ale nie robi ... w pierwszym pliku wideo, który został dobrze zrobione, ale myślę, nieumyślnie zmodyfikowany kod i co zrobiłem źle, Usunąłem coś

ale hej, teraz będę tu zrobić ... eh, dobrze? Załóżmy skopiować wszystko, a my kładziemy nasze zmienne tło, które istnieją w porządku? Bo inaczej będziemy mieli problem .. pa, pa, pam, zobaczymy ... to co się dzieje ... niech załaduj ponownie. Talon? Mama! Co to jest film? Talon? Ta, to .. teraz powie do mnie, ale tylko dobre, jeśli kanał nie jest jeszcze podjęta ustawienia; Patrz, nie istnieje, ale ...

hmm ... myślę, myślę ... Nie chciałem ryzykować mnie .. ale zobaczymy, czy podwyższenie kliknij tutaj można sprawdzić wyskakujące i można uzyskać dostęp, na przykład, obiekt w tle, która jest zmienna, że ​​mamy tutaj .. Ok? Teraz na przykład, mogę to zrobić, dobrze? Jeśli spojrzymy na tle, jest 'localStorage.youtubechannel' Więc jeśli to zrobimy ... mmm, u ... eh ..

Nie wiem, czy będziemy tylko dostęp, ale aby zobaczyć, spróbujmy, będzie esperate skopiować to i będę zamknąć na razie, dobrze? Na przykład, aby upewnić się, że to działa, ale teraz zrobimy settings.html, zobaczymy ... Talon? Tutaj mamy wszystkie te filmy, prawda? Cóż, możemy to zrobić .. pam .. YouTubeChannel i spróbuj to zrobić, zobacz ... Co ty na to? Istnieją oczywiste! Musi być

ciąg oczywiście WEPA ... kurwa, żeby zobaczyć, co się dzieje teraz? To byłem przypadkowo w porządku? LocarStorage i teraz, jeśli będziemy działać w tym, hmm, mmm, okay? Myślę, że każda aplikacja ma własny localStorage Tak więc, do zobaczenia. Myślę, że będziemy musieli czekać, aby wprowadzić ustawienia, aby zmodyfikować plik wideo, ale chciałem, aby zobaczyć teraz

Talon? Teraz widzisz. Eh zmianie i mamy jotajoravm kanał, więc można spróbować z dowolnego kanału, to na pewno działa ... w porządku? Jak mówię ponownie, jeśli nadal być zawsze taki sam; Jest to bardzo przydatne, ponieważ za pomocą tej techniki można zanalizować wszystko, kości, każda strona Myślę, że jest dość podatne w tym względzie, że wszelkie informacje można uzyskać, jeśli wiesz jak to zrobić, a najlepszym sposobem mogę myśleć mnie jest to, że

To z tych dwóch wskaźników: początek to, co chcesz, aby złapać i koniec iw środku jest między wami informacji można znaleźć? Jest również klasa, nie wiem, że nie wiem jak To jest zawsze taki sam, a następnie, jeśli chcesz mieć wszystko, jak dobrze, że już się trochę więcej ... dużo więcej pracy będzie, Szczególnie problem obciążenia więcej, bo jak widzimy nie został załadowany, kości czy to nie jest załadowany i ukrył go w momencie kliknięcia

To nie tak powiem, z pewnością sprawi żądania xml http asynchroniczne i załadować, a następnie zobaczyć wszystkie filmy na kanale; Dobrze, że byłoby bardziej skomplikowane ale ostatni film jest bardzo łatwo zauważyć, że jest po prostu łatwiejsze do znalezienia.