Rozpocznij
Witamy w tworzeniu rozszerzeń do Chrome. Odkryj wszystko, czego potrzebujesz, by utworzyć i rozpowszechnić swoje pierwsze rozszerzenie do Chrome.
Przegląd
Co to są rozszerzenia?
Rozszerzenia do Chrome poprawiają komfort przeglądania, dostosowując interfejs, obserwując zdarzenia w przeglądarce i modyfikując zawartość sieci. Więcej przykładów działania rozszerzeń znajdziesz w Chrome Web Store.
Jak są tworzone?
Rozszerzenia możesz tworzyć, korzystając z tych samych technologii internetowych, które są wykorzystywane do tworzenia aplikacji: HTML, CSS i JavaScript.
Co mogą zrobić?
Oprócz interfejsów API internetowych rozszerzenia mają też dostęp do interfejsów API rozszerzeń Chrome, dzięki którym mogą wykonywać różne zadania. Bardziej szczegółowe informacje znajdziesz w przewodniku dla programistów.
Terminologia związana z rozszerzeniami
Rozszerzenie do Chrome składa się z elementów, które odgrywają różne role.
Plik manifestu
Plik manifestu rozszerzenia jest jedynym wymaganym plikiem, który musi mieć określoną nazwę pliku: manifest.json. Musi się on też znajdować w katalogu głównym rozszerzenia. Plik manifestu rejestruje ważne metadane, definiuje zasoby, deklaruje uprawnienia i identyfikuje pliki, które mają być uruchamiane w tle i na stronie.
Skrypty service worker
Skrypt service worker działa w tle i obsługuje zdarzenia przeglądarki takie jak usunięcie zakładki czy zamknięcie karty. Nie mają dostępu do modelu DOM, ale w tym przypadku można go połączyć z dokumentem poza ekranem.
Skrypty treści
Skrypty treści uruchamiają kod JavaScript w kontekście strony internetowej.
Działanie na pasku narzędzi
Uruchom kod, gdy użytkownik kliknie ikonę rozszerzenia na pasku narzędzi lub wyświetli wyskakujące okienko za pomocą interfejsu Action API.
Panel boczny
Wyświetlaj niestandardowy interfejs użytkownika w panelu bocznym przeglądarki.
DeclarativeNetRequest
Przechwytywać, blokować lub modyfikować żądania sieciowe.
Opublikuj w Chrome Web Store
Jeśli tworzysz rozszerzenie samodzielnie, zapoznaj się z naszym samouczkiem dla początkujących. Jeśli chcesz publikować w Chrome Web Store, musisz najpierw wiedzieć kilka rzeczy.
Zaprojektuj rozszerzenie wysokiej jakości
Wybierając obsługiwane funkcje, upewnij się, że rozszerzenie spełnia jeden cel, który jest wąsko zdefiniowany i łatwy do zrozumienia.
Zapoznaj się z zasadami
Rozszerzenia rozpowszechniane w Chrome Web Store muszą być zgodne z zasadami programu dla deweloperów. Zapoznaj się z tymi zasadami, by mieć pewność, że Twoje rozszerzenie może być hostowane w Chrome Web Store.
Uwzględnij wszystkie funkcje logiczne rozszerzeń
Podczas tworzenia kodu pamiętaj, że wszystkie funkcje logiczne muszą być zawarte w pakiecie rozszerzeń. Oznacza to, że nie można pobierać dodatkowego kodu JavaScript w czasie działania. Zwiększ bezpieczeństwo rozszerzeń to rozwiązania alternatywne dla wykonywania kodu hostowanego zdalnie.
Samouczki
Aby rozpocząć naukę o rozszerzeniach, wybierz dowolny z tych samouczków.
Twoje pierwsze rozszerzenie
Utwórz swoje pierwsze rozszerzenie Hello World, w którym zapoznasz się z procesem tworzenia rozszerzeń.
Uruchamiaj skrypty na każdej stronie
Dowiedz się, jak automatycznie dodawać elementy do wskazanej witryny.
Wstaw skrypty na aktywnej karcie
Dowiedz się, jak uprościć styl bieżącej strony, klikając ikonę na pasku narzędzi.
Tworzenie menedżera kart
Dowiedz się, jak utworzyć wyskakujące okienko do zarządzania kartami
Obsługa zdarzeń za pomocą skryptów service worker
Dowiedz się, jak utworzyć i debugować skrypt service worker rozszerzenia.
Debugowanie rozszerzenia
Dowiedz się, jak znaleźć dzienniki i komunikaty o błędach podczas debugowania.