Nowy sposób na rozpoczęcie pracy nad rozszerzeniami do Chrome

W tym poście chcielibyśmy podzielić się z Wami ważnymi ulepszeniami dotyczącymi rozpoczynania pracy z rozszerzeniem Chrome oraz sposobami, dzięki którym możecie się do tego przyczynić.

Stary przewodnik

Wcześniej samouczek wprowadzający do rozszerzeń do Chrome zawierał podstawowy przykład rozszerzenia, które zmieniało kolor tła bieżącej strony po kliknięciu przycisku w wyskakującym okienku rozszerzenia. Zawierała ona też stronę opcji, na której można było wybrać jeden z 4 kolorów.

Ten podstawowy przykład nie pokazuje, jak dodać popularne funkcje dostępne w rozszerzeniach w praktyce. Nadszedł czas na odświeżenie.

Nowe podejście

Wiemy, że deweloperzy korzystają z naszej dokumentacji, aby rozpocząć naukę tworzenia rozszerzeń do Chrome. Naszym celem jest zapewnienie im dostępu do ścieżki, która będzie przystępna, przystępna dla początkujących i odpowiednia. Zamiast próbować ulepszyć istniejący przykład samouczka, postanowiliśmy zacząć od zera.

Przedstawiamy nową, ulepszoną kolekcję Zacznij:

Rozszerzenia – podstawy
Krótko omawia podstawowe zagadnienia związane z tworzeniem rozszerzeń do Chrome, takie jak technologie internetowe i często używane komponenty rozszerzeń. Zawiera ona też informacje o tym, na co zwrócić uwagę podczas projektowania i rozpowszechniania rozszerzenia w Chrome Web Store.
Podstawy programowania
Przedstawia proces tworzenia rozszerzeń na przykładzie Hello, Extensions. Przewodnik ten zawiera informacje o wczytywaniu rozszerzenia podczas tworzenia, znajdowaniu dzienników i błędów, wyborze struktury projektu oraz używaniu Typescript.
Samouczek dotyczący funkcji Czas na czytanie
Dobrze jest wiedzieć, ile czasu potrzeba na przeczytanie artykułu. Czas czytania pokazuje, jak wstawić element z szacowanym czasem czytania na każdej stronie dokumentacji rozszerzenia.
Samouczek dotyczący trybu pełnej koncentracji
Usunięcie zbędnych elementów z strony pozwala skupić się na najważniejszych informacjach. Tryb skupienia pokazuje, jak zmienić styl strony i ukryć kilka elementów rozpraszających uwagę.
Samouczek dotyczący Menedżera kart
Podczas badania tematu tworzenia rozszerzeń możesz otworzyć wiele kart z dokumentacją w różnych oknach. Menedżer kart porządkuje karty z dokumentacją rozszerzeń i Chrome Web Store.

Te samouczki nie tylko uczą, jak tworzyć rozszerzenia do użytku w rzeczywistych warunkach, ale też zawierają wskazówki i sprawdzone metody dotyczące tworzenia aplikacji. Ponadto korzystanie z tych rozszerzeń ułatwia czytanie dokumentacji rozszerzeń.

Czego możesz się spodziewać

Każdy samouczek zawiera te sekcje:

  • Zadanie, które ma wykonać rozszerzenie.
  • Lekcje, które zostaną omówione.
  • Co musisz wiedzieć przed rozpoczęciem.
  • szczegółowe instrukcje tworzenia rozszerzenia;
  • Jak wczytać i testować rozszerzenie.

Jeśli chcesz się zmierzyć z wyzwaniem, przygotowaliśmy sekcję z kilkoma pomysłami na to, jak dostosować rozszerzenie lub dodać do niego inne funkcje.

Potrzebujemy Twojej pomocy

Czekamy na Twoją odpowiedź. Jeśli zauważysz w tych przewodnikach coś nieprawidłowego lub niejasnego, zgłoś błąd w naszym repozytorium GitHub.

Uważamy, że nowy przewodnik po rozpoczęciu jest znacznie lepszy od poprzedniego, ale na tym nie poprzestajemy. Będziemy nadal ulepszać i rozszerzać naszą dokumentację, aby lepiej służyła wszystkim deweloperom rozszerzeń.


Zdjęcie: Vardan PapikyanUnsplash