In dit bericht delen we graag enkele belangrijke verbeteringen in de ervaring met de Chrome-extensie om aan de slag te gaan, en enkele manieren waarop u deel kunt uitmaken van deze droom.
De oude gids
Voorheen was de handleiding Aan de slag met de Chrome-extensie een eenvoudig extensievoorbeeld waarbij de achtergrondkleur van de huidige pagina veranderde wanneer de gebruiker op een knop in de extensiepop-up klikte. Het bevatte ook een optiepagina waar u een van de vier kleuren kon kiezen.
Dit eenvoudige voorbeeld demonstreerde niet hoe populaire mogelijkheden uit echte extensies konden worden toegevoegd. Het was tijd voor vernieuwing.
Een nieuwe aanpak
We weten dat ontwikkelaars op onze documentatie vertrouwen om aan hun leertraject voor de Chrome-extensie te beginnen, en ons doel is om een pad te bieden dat toegankelijk, beginnersvriendelijk en relevant is. In plaats van te proberen het bestaande tutorialvoorbeeld te verbeteren, hebben we besloten helemaal opnieuw te beginnen.
Maak kennis met de nieuwe en verbeterde Getting Started-collectie:
- Uitbreidingen 101
- Behandelt in het kort enkele fundamentele concepten van de ontwikkeling van Chrome-extensies, zoals webtechnologieën en veelgebruikte extensiecomponenten. Daarnaast leest u waar u op moet letten bij het ontwerpen en distribueren van een extensie in de Chrome Web Store.
- Basisprincipes van ontwikkeling
- Introduceert de workflow voor het ontwikkelen van extensies door een Hallo, Extensies- voorbeeld te maken. Het begeleidt het laden van de extensie tijdens de ontwikkeling, het opsporen van logbestanden en fouten, het kiezen van een projectstructuur en het gebruik van Typescript.
- Leestijd-tutorial
- Het is leuk om te weten hoeveel tijd we nodig hebben om een artikel te lezen. Leestijd leert u hoe u op elke extensiedocumentatiepagina een element kunt invoegen dat de geschatte leestijd bevat.
- Handleiding voor de focusmodus
- Door extra rommel van een pagina te verwijderen, kunnen onze gedachten zich concentreren op de meest relevante informatie. De Focusmodus laat zien hoe u de stijl van de pagina kunt wijzigen en enkele afleidende elementen kunt verbergen.
- Zelfstudie over tabbladenbeheer
- Terwijl u onderzoek doet naar de ontwikkeling van extensies, kunt u veel documentatietabbladen in meerdere vensters tegenkomen. Tabs Manager ordent de tabbladen van uw Chrome-extensie en Chrome Web Store-documentatie.
In deze tutorials leert u niet alleen hoe u real-world extensies bouwt, maar deelt u ook ontwikkelingstips en best practices. Bovendien verbetert het gebruik van deze extensies uw ervaring bij het lezen van de extensiedocumentatie.
Wat te verwachten
Elke tutorial bevat de volgende secties:
- De taak die de extensie zal uitvoeren.
- De lessen die behandeld zullen worden.
- Wat u moet weten voordat u begint.
- Stapsgewijze instructies om de extensie te bouwen.
- Hoe de extensie te laden en te testen.
Als u zin heeft in een uitdaging, hebben we een gedeelte toegevoegd met enkele ideeën over hoe u uw extensie kunt aanpassen of andere functies kunt toevoegen.
Wij hebben uw hulp nodig
Wij zijn verheugd om van u te horen! Als u iets verkeerds of onduidelijks ziet in deze handleidingen, meld dan een bug in onze GitHub-repository .
We denken dat deze nieuwe handleiding 'Aan de slag' een aanzienlijke verbetering is ten opzichte van de oude, maar we stoppen hier niet; we blijven werken aan het verbeteren en uitbreiden van onze documentatie om alle extensie-ontwikkelaars beter van dienst te kunnen zijn.
Foto door Vardan Papikyan op Unsplash