Новый способ начать разработку расширений Chrome

В этом посте мы рады поделиться некоторыми значительными улучшениями в процессе начала работы с расширением Chrome и несколькими способами, которыми вы можете стать частью этой мечты.

Старый гид

Ранее руководство по началу работы с расширением Chrome представляло собой базовый пример расширения, которое меняло цвет фона текущей страницы, когда пользователь нажимал кнопку во всплывающем окне расширения. Он также включал страницу параметров, на которой вы могли выбрать один из четырех цветов.

Этот базовый пример не демонстрировал, как добавлять популярные возможности, имеющиеся в реальных расширениях. Пришло время обновления.

Новый подход

Мы знаем, что разработчики полагаются на нашу документацию, когда начинают свой путь изучения расширений Chrome, и наша цель — предоставить доступный, удобный для новичков и актуальный путь. Вместо того, чтобы пытаться улучшить существующий учебный пример, мы решили начать с нуля.

Представляем новую улучшенную коллекцию «Начало работы»:

Расширения 101
Кратко освещаются некоторые фундаментальные концепции разработки расширений Chrome, такие как веб-технологии и часто используемые компоненты расширений. Кроме того, в нем рассказывается о том, что следует учитывать при разработке и распространении расширения в Интернет-магазине Chrome.
Основы разработки
Представляет рабочий процесс разработки расширений путем создания примера Hello, Extensions . Он описывает загрузку расширения во время разработки, поиск журналов и ошибок, выбор структуры проекта и использование Typescript.
Учебное пособие «Время чтения»
Приятно знать, сколько времени нам нужно, чтобы дочитать статью. «Время чтения» научит вас, как вставлять элемент, содержащий расчетное время чтения, на каждую страницу документации расширения.
Учебное пособие по режиму фокусировки
Удаление лишнего беспорядка со страницы позволяет нашему разуму сконцентрироваться на наиболее важной информации. Режим фокусировки демонстрирует, как изменить стиль страницы и скрыть несколько отвлекающих элементов.
Учебное пособие по Диспетчеру вкладок
Изучая разработку расширений, вы можете столкнуться с множеством вкладок документации в нескольких окнах. Менеджер вкладок упорядочивает вкладки расширения Chrome и документации Интернет-магазина Chrome.

Эти руководства не только научат вас создавать реальные расширения, но также поделятся советами по разработке и передовым опытом. Кроме того, использование этих расширений улучшит качество чтения документации по расширениям.

Что ожидать

Каждое руководство включает в себя следующие разделы:

  • Задача, которую будет выполнять расширение.
  • Уроки, которые будут освещены.
  • Что нужно знать перед началом.
  • Пошаговые инструкции по созданию расширения.
  • Как загрузить и протестировать расширение.

Если вы готовы принять вызов, мы включили раздел с несколькими идеями о том, как настроить или добавить другие функции в ваше расширение.

Нам нужна ваша помощь

Мы рады услышать ваше мнение! Если вы видите в этих руководствах что-то неправильное или неясное, сообщите об ошибке в нашем репозитории GitHub .

Мы считаем, что это новое руководство по началу работы является значительным улучшением по сравнению со старым, но мы не останавливаемся на достигнутом; мы продолжим работать над улучшением и расширением нашей документации, чтобы лучше обслуживать всех разработчиков расширений.


Фото Вардана Папикяна на Unsplash