Как создать расширение для Google Chrome

В Chrome уже существует огромная библиотека дополнений, которые добавляют определенные функции в браузер. И в большинстве случаев они разработаны не компанией Google, а сторонними разработчиками, иногда в одном лице. Так что это не слишком сложная задача для знающих людей. Если вам интересно, Как создать расширение для Google Chrome, Читайте нашу статью. В нем содержится вся основная информация по данной теме.

Руководство

В начале небольшое предупреждение: пытаться сделать плагин самостоятельно стоит в двух случаях:

  • Есть ли у вас базовые навыки программирования, хотя бы с JavaScript, HTML и основами CSS.
  • Или огромное желание разобраться во всем.

Кроме того, в одной статье невозможно описать все нюансы, поэтому ниже мы размещаем ссылки на официальные материалы с сайта Google, где информация изложена более подробно, но на “сухом” и техническом английском языке.

А теперь мы опишем процедуру более кратко.

Начало

Первая задача – описать плагин. То есть, нужно указать в голове, а лучше – на бумаге (или в текстовом документе), какую проблему оно будет решать. Затем вам нужно придумать, с помощью каких средств он будет работать.

Когда основные условия заданы, необходимо написать их на языке, который будет понятен Google Chrome. И это работает в случае с расширениями JSON. Таким образом, окончательная версия должна быть сохранена в файле манифест.json. Вы должны проверить правильность исходного кода с помощью JSONLint.

Теперь давайте рассмотрим пример. В качестве задания возьмем следующую установку: перейдите на главную страницу нашего сайта (blogonnymity.info) одним щелчком мыши. Код будет выглядеть следующим образом:Исходный код плагина для Chrome

Здесь есть параметры:

  • manifest_version – подключенная версия скрипта.
  • название – заголовок для расширения
  • описание – подробное описание
  • версия – текущая версия.
  • иконки – Ссылки на иконки. В данном случае используется только стандартная, с размером 128×128.
  • разрешения – предоставленные расширения.

Файл манифест.json готово, можно переходить к созданию плагина. Для этого

  1. Создайте на компьютере отдельный каталог, его название должно содержать только английские буквы, цифры или символы.
  2. Переместите туда файл.Вид папки с расширением для Chrome
  3. В дополнение киньте иконку. В данном случае он поставляется вместе с расширением .png и название 128.png. Вы можете написать в коде другой вариант.

Прикрепить архив chromeum_ru_extension.rar, где уже содержатся все файлы для нашего плагина. И манифест.json вы можете отредактировать, открыв через любой текстовый редактор, например.g, Блокнот.

Следующий этап – отладка. Для этого нам необходимо установить расширение в Google Chrome:

  1. Запустите браузер и нажмите на значок меню управления.
  2. Наведите курсор мыши на “Больше инструментов.
  3. В подменю выберите пункт с названием Иконка “Расширения”.Чистый пункт Расширения в главном меню браузера Google Chrome
  4. В верхней панели на открывшейся странице включите ползунок “Режим разработчика.”.
  5. Теперь нажмите на “Скачать распакованный…”.Кнопка Загрузить распакованное расширение на странице Расширения Chrome
  6. В браузере файлов выберите директорию, в которой манифест.json.
  7. Нажмите на кнопку подтверждения.

В результате под “Приложения Chrome” Появится новый элемент. Теперь пришло время проверить функциональность нашей разработки. Для этого

  1. Перейти на страницу “Приложения” (ссылка chrome://apps/).
  2. Нажмите на изображение с надписью Зайдите на сайт на Chromeum.ru.Запустите ваш плагин для Google Chrome
  3. Ожидание загрузки нашего сайта.

Как видите, все работает, а это значит, что дополнение готово к публикации в общем магазине.

Реферат

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

Полезные ссылки

Прилагаю несколько ссылок, которые будут полезны, если вы пишете плагин для Chrome:

Getting Started Tutorial – введение в структуру json скрипт. Все описано с конкретными примерами и максимально подробно. Есть инструкции о том, как реализовать базовые инструкции, как подключить пользовательский интерфейс, логику кода и установить свой плагин в браузер от Google.

Обзор – подробная информация о структуре и архитектуре расширений Chrome, интеграции API, доступе к специфическим функциям (приватный просмотр, экономия трафика и т.д.).). д.).Расширения картинок для Google Chrome

Отладка расширений – основы отладки, общие ошибки времени выполнения для аддонов, просмотр журналов и многое другое.

Опубликовать в Chrome Web Store – Подготовка расширения к публикации в Chrome Web Store, создание аккаунта разработчика и так далее.

Develop Extensions – статья с большим количеством ссылок на материалы и инструкции от Google, которые будут полезны для разработки.

Оцените статью
Blog Pro Comp
Добавить комментарий