Witamy w rozwijaniu rozszerzeń do Chrome. Dowiedz się, co jest potrzebne, aby zacząć tworzyć i rozpowszechniać pierwsze rozszerzenie do Chrome.

Przegląd

Rozszerzenia Chrome ułatwiają przeglądanie dzięki dostosowywaniu interfejsu, obserwowaniu zdarzeń w przeglądarce i modyfikowaniu stron internetowych. Więcej przykładów możliwości rozszerzeń znajdziesz w Chrome Web Store.
Rozszerzenia możesz tworzyć za pomocą tych samych technologii internetowych, które są używane do tworzenia aplikacji internetowych: HTML, CSSJavaScript.
Oprócz interfejsów API sieciowych mają one też dostęp do interfejsów API rozszerzeń Chrome, które umożliwiają wykonywanie różnych zadań. Bardziej szczegółowe informacje znajdziesz w przewodniku dla programistów.

Terminologia dotycząca rozszerzeń

Rozszerzenie Chrome składa się z elementów pełniących różne funkcje.
Plik manifestu rozszerzenia to jedyny wymagany plik, który musi mieć określoną nazwę: manifest.json. Musi też znajdować się w katalogu głównym rozszerzenia. Plik manifestu zawiera ważne metadane, definiuje zasoby, deklaruje uprawnienia i określa, które pliki mają być uruchamiane w tle i na stronie.
Skrypt service worker działa w tle i obsługuje zdarzenia przeglądarki, takie jak usuwanie zakładki lub zamykanie karty. Nie mają dostępu do DOM, ale w tym przypadku możesz połączyć go z dokumentem poza ekranem.
Skrypty treści uruchamiają kod JavaScript w kontekście strony internetowej.
Wykonywanie kodu, gdy użytkownik kliknie ikonę paska narzędzi rozszerzenia, lub wyświetlanie wyskakującego okienka za pomocą interfejsu Action API.
Wyświetlanie niestandardowego interfejsu użytkownika w panelu bocznym przeglądarki.
przechwytywać, blokować lub modyfikować żądania sieciowe;

Publikowanie w Chrome Web Store

Jeśli tworzysz rozszerzenie dla siebie, zapoznaj się z naszym samouczkiem wprowadzającym. Jeśli chcesz opublikować aplikację w Chrome Web Store, musisz najpierw poznać kilka ważnych informacji.
Wybierając funkcje, które chcesz obsługiwać, upewnij się, że rozszerzenie ma jeden cel, który jest ściśle określony i łatwy do zrozumienia.
Rozszerzenia rozpowszechniane w Chrome Web Store muszą być zgodne z zasadami programu dla deweloperów. Zapoznaj się z tymi zasadami, aby mieć pewność, że Twoje rozszerzenie może być hostowane w Chrome Web Store.
Podczas pisania kodu pamiętaj, że wszystkie funkcje logiczne muszą znajdować się w pakiecie rozszerzeń. Oznacza to, że podczas wykonywania nie można pobrać dodatkowego kodu JavaScript. Zwiększanie bezpieczeństwa rozszerzeń to alternatywa dla uruchamiania kodu hostowanego zdalnie.

Samouczki

Wybierz jeden z poniższych samouczków, aby rozpocząć naukę tworzenia rozszerzeń.
Utwórz swoje pierwsze rozszerzenie „hello world”, aby zapoznać się z procesem tworzenia rozszerzeń.
Dowiedz się, jak automatycznie dodawać elementy do określonej 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 tworzyć i debugować rozszerzenie service worker.
Dowiedz się, jak znajdować dzienniki i komunikaty o błędach podczas debugowania.