Rozwijające Rozszerzenia dla Google Chrome

Witaj świecie, jak się masz? Nazywam się Józef, jak wiesz ... ja tu zapraszamy na nowy kurs dla kanału rozwoju dla Google Chrome Extensions Więc w tym oczywiście widzimy jako rozszerzenie, które jest przedłużeniem własnego kanału rozwija powiadamia Wysłałem nowy film Dla Ciebie, aby mieć świadomość tego, co dzieje się i otrzymywać powiadomienia za pośrednictwem powiadomień, jest to bardzo prosty przykład

Ale to służy, aby dowiedzieć się, jak program rozszerzenia dla Chrome. W tym przypadku oczywiście będzie się za jeden z abonentów kanale I wentylator jest prawdziwym pęknięć i naprawdę podziwiam go, bo jest bardzo młody jak na swój wiek obsługuje wiele języków i na bardzo dobrym poziomie Tak dobry dla ... Kurs ten będzie go nauczyć. Ja was wszystkich w procesie, ponieważ mają taką sekwencję linii

Również przy tej okazji powiedzieć, że jeśli któryś z was, ponieważ przynieść coś do kanału lub pewnego rodzaju wiedzy i rozwoju każdej technologii Że obecnie nie istnieje, bo jestem otwarta, aby to zrobić. Więc zaczęliśmy z rozwojem rozszerzenie Google Chrome Można pobrać będą miały na link w opisie filmu, a w pierwszym filmie, który będzie teraz zobaczyć, ujrzą, jak rozszerzenie jest skonfigurowany

A podstawowe pliki, które umożliwiają funkcjonowanie jako manifest.json i te pliki jako ikony itp Więc zostawiam was z izan To jest prawdziwa maszyna i cieszyć ... Cześć jestem izan, a to jest pierwszy odcinek rozszerzeń Google Chrome ... W tym odcinku pokażę, pierwsze podstawowe wymagania będą musiały dokonać rozszerzenia. Musimy sprawić, folder ...

Dla możemy umieścić dowolną nazwę ... I umieścić skrót 'Źródło', które służą do plików źródłowych, tu ikony ... Aby uruchomić aplikację, niektóre ikony 128x128, 48x48, 16x16 i 19x19 pikseli inne. Również musimy do tego projektu Jquery Dlatego, że jest znacznie szybszy w rozwoju. Potem dalej ... Potem musimy stworzyć plik o nazwie manifest.json

Jeśli ... zobaczyć .. manifest.json porządku? (Mówi do siebie). Musimy zobaczyć, jeśli nigdy wcześniej nie użył manifest.json pliku, ale przede wszystkim musimy umieścić Czy można tak powiedzieć ... Plik w zasadzie wykorzystywane powiedzieć Google Chrome rzeczy jak nasze uprawnienia aplikacji trzeba, nazw ikon Zaczynamy oddanie 'nazwa' dwukropek i może umieścić 'YouTube notificator' i przecinek i musimy umieścić wersję i stawiamy 1.0

Ponieważ nie podjęliśmy żadnej aktualizacji ... 'Opis:' Och! Włożył w kastylijskim ... Nie wiem na przykład 'służy do znajdowania nowych filmów' ... Na przykład ... to może być coś innego ... upadł na klawiaturę ... (mówi do siebie) Co jeszcze? Musimy umieścić wersję manifest.json To prawda, po prostu nie rozumieją, że to, ale działało to umieszczenie dwóch, więc w tej chwili nie mogę wyjaśnić, że oszalał próbuje

Zacząłem wprowadzenie zero i jeden, aż położę dwa i to działało. Ponadto, z jakiegoś powodu nie miałem racji ... Naprawdę nie wiem, dlaczego. Musimy umieścić 'Autor', umieścić go w moim przypadku 'izan' w twoim przypadku, bo twoje imię jest w zasadzie do zidentyfikowania. Dobre ważną częścią 'Ikony' Vale? Będziemy musieli zrobić, aby umieścić go w sposób JSON zmiennej równej po dokonaniu javascript json lub innego

I musimy umieścić te wartości ... '16', jak w moim przypadku byłoby 'src / icon16.png', wtedy musimy postawić '48: src / icon48.png' Więc nie wiem, czy chcesz tworzyć własne ikony lub test może przejść do trybu online poszukuje dla niektórych, ale naprawdę nie jest to oczywiście w Photoshopie Więc albo Wytłumaczę jak zrobić ikonę że jest bardzo skomplikowana, a jeśli chcesz zrobić coś bardzo rozbudowane ... mamy także umieścić

128:' 'src / icon128.png' Vale? Teoretycznie wszystko jest w porządku. Następnie musimy umieścić 'przeglądarkę' zmienną, która jest 'browser_action' I to w zasadzie trzeba umieścić Eh ... To znaczy jest to informacja dla przeglądarki Chrome i musimy umieścić tytuł domyślny Która w tym przypadku może być dokładnie takie samo tutaj. Musimy postawić domyślną ikonę 'Default_icon' tu jest, gdy Cóż ...

Nie jest to obowiązkowe, aby być 19x19 pikseli, ale włożyłam wartość ta jest 16x16 bastente dobrze, bo wyglądało to nieco piksele Oraz 19x19 pikseli nie widać, ale wielkość powinna być jak najmniejsza i musimy również umieścić 'default_popup' Jest to 'default_popup' jest to, że kiedy kliknij na ikonę rozszerzenia kliknąć lub dać mu żadnego rozszerzenia

Rzęs, który otwiera, bo tu właśnie mamy powiedzieć, co będzie ... na razie nie mamy okienko ale będziemy wymyślać i 'popup.html' zostanie wywołana Więc ... nadal to mamy zamiar postawić przecinek, a teraz brakuje nam jest tło. W tle, jeśli tylko mamy zamiar umieścić wartość Musimy ją dobrze wykorzystać. Tutaj musimy umieścić to będzie w tle i jest tło, które będą wyświetlane, ponieważ tu umieścić ...