Witamy w tworzeniu rozszerzeń do Chrome. Odkryj wszystko, czego potrzebujesz, by utworzyć i rozpowszechnić swoje pierwsze rozszerzenie do Chrome.

Przegląd

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.
Rozszerzenia możesz tworzyć, korzystając z tych samych technologii internetowych, które są wykorzystywane do tworzenia aplikacji: HTML, CSS i JavaScript.
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 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.
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 uruchamiają kod JavaScript w kontekście strony internetowej.
Uruchom kod, gdy użytkownik kliknie ikonę rozszerzenia na pasku narzędzi lub wyświetli wyskakujące okienko za pomocą interfejsu Action API.
Wyświetlaj niestandardowy interfejs użytkownika w panelu bocznym przeglądarki.
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.
Wybierając obsługiwane funkcje, upewnij się, że rozszerzenie spełnia jeden cel, który jest wąsko zdefiniowany i łatwy do zrozumienia.
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.
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.
Utwórz swoje pierwsze rozszerzenie Hello World, w którym zapoznasz się z procesem tworzenia rozszerzeń.
Dowiedz się, jak automatycznie dodawać elementy do wskazanej witryny.
Dowiedz się, jak uprościć styl bieżącej strony, klikając ikonę na pasku narzędzi.
Dowiedz się, jak utworzyć wyskakujące okienko do zarządzania kartami
Dowiedz się, jak utworzyć i debugować skrypt service worker rozszerzenia.
Dowiedz się, jak znaleźć dzienniki i komunikaty o błędach podczas debugowania.