Rozpocznij
Witamy w rozwijaniu rozszerzeń do Chrome. Dowiedz się, co jest potrzebne, aby zacząć tworzyć i rozpowszechniać pierwsze rozszerzenie do Chrome.
Przegląd
Co to są rozszerzenia?
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.
Jak są budowane?
Rozszerzenia możesz tworzyć za pomocą tych samych technologii internetowych, które są używane do tworzenia aplikacji internetowych: HTML, CSS i JavaScript.
Co mogą zrobić?
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
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.
Skrypty service worker
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 dotyczące zawartości
Skrypty treści uruchamiają kod JavaScript w kontekście strony internetowej.
Działanie na pasku narzędzi
Wykonywanie kodu, gdy użytkownik kliknie ikonę paska narzędzi rozszerzenia, lub wyświetlanie wyskakującego okienka za pomocą interfejsu Action API.
Panel boczny
Wyświetlanie niestandardowego interfejsu użytkownika w panelu bocznym przeglądarki.
DeclarativeNetRequest
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.
Projektowanie wysokiej jakości rozszerzeń
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.
Zapoznaj się z zasadami
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.
Uwzględnij całą logikę rozszerzenia
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ń.
Pierwsze rozszerzenie
Utwórz swoje pierwsze rozszerzenie „hello world”, aby zapoznać się z procesem tworzenia rozszerzeń.
Uruchamianie skryptów na każdej stronie
Dowiedz się, jak automatycznie dodawać elementy do określonej witryny.
Wstawianie skryptów 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ą usług workerów
Dowiedz się, jak tworzyć i debugować rozszerzenie service worker.
Debugowanie rozszerzenia
Dowiedz się, jak znajdować dzienniki i komunikaty o błędach podczas debugowania.