Создавайте настоящие расширения браузера для Chrome и Edge
Расширения браузера позволяют вам модифицировать веб-страницы, автоматизировать поведение браузера, перехватывать сетевые запросы и доставлять пользовательские инструменты прямо пользователям через Chrome Web Store и Edge Add-ons marketplace. Этот трек знакомит вас с Manifest V3 — текущим, обязательным форматом расширения — от вашего первого manifest.json до кросс-браузерного распространения и производственной безопасности. Каждая концепция основана на API, которые Chrome и Edge действительно предоставляют сегодня.
Что вы изучите
Вы узнаете, как Manifest V3 структурирует права доступа, service workers и жизненные циклы компонентов. Затем вы создаёте реальный интерфейс с всплывающими окнами и страницами параметров, внедряете content scripts, которые читают и переписывают DOM страницы, и подключаетесь к поверхностям браузера, таким как контекстные меню и omnibox. На стороне данных вы овладеваете обменом сообщениями расширения, API хранилища и declarativeNetRequest для изменения веб-запросов без широких прав доступа к хостам. Вы также рассматриваете программное управление браузером, отладку и профилирование производительности, а также продвинутые модели прав доступа с акцентом на безопасность. Трек завершается методами кросс-браузерной совместимости и интеграцией современных JavaScript-фреймворков в pipeline сборки расширения.
Маршрут обучения
Двенадцать курсов охватывают уровни A1–C1. Первый курс бесплатный и знакомит с основами Manifest V3. Курсы A1–A2 устанавливают структуру manifest и базовую модель прав доступа. Курсы B1 развивают практические навыки: построение интерфейса, внедрение content scripts, интеграция с UI браузера, публикация в Chrome Web Store и Edge marketplace. Четыре курса B2 углубляются — обмен сообщениями и сохранение данных, изменение сетевых запросов с помощью declarative network request, автоматизация браузера и отладка с оптимизацией производительности. Последние два курса C1 охватывают продвинутые права доступа, усиление безопасности и достижение подлинной кросс-браузерной совместимости наряду с использованием современных фреймворков.
Как это работает
Каждый курс разбит на короткие практические уроки, которые вы выполняете во встроенном редакторе с обратной связью в реальном времени и AI-помощником, доступным когда вы застреваете. Вы пишете реальный код расширения — файлы manifest, фоновые service workers, content scripts и страницы параметров — таким образом, каждый урок создаёт что-то, что вы можете загрузить прямо в Chrome или Edge как работающее расширение.