В Chrome уже существует огромная библиотека дополнений, которые добавляют определенные функции в браузер. И в большинстве случаев они разработаны не компанией Google, а сторонними разработчиками, иногда в одном лице. Так что это не слишком сложная задача для знающих людей. Если вам интересно, Как создать расширение для Google Chrome, Читайте нашу статью. В нем содержится вся основная информация по данной теме.
Руководство
В начале небольшое предупреждение: пытаться сделать плагин самостоятельно стоит в двух случаях:
- Есть ли у вас базовые навыки программирования, хотя бы с JavaScript, HTML и основами CSS.
- Или огромное желание разобраться во всем.
Кроме того, в одной статье невозможно описать все нюансы, поэтому ниже мы размещаем ссылки на официальные материалы с сайта Google, где информация изложена более подробно, но на «сухом» и техническом английском языке.
А теперь мы опишем процедуру более кратко.
Начало
Первая задача — описать плагин. То есть, нужно указать в голове, а лучше — на бумаге (или в текстовом документе), какую проблему оно будет решать. Затем вам нужно придумать, с помощью каких средств он будет работать.
Когда основные условия заданы, необходимо написать их на языке, который будет понятен Google Chrome. И это работает в случае с расширениями JSON. Таким образом, окончательная версия должна быть сохранена в файле манифест.json. Вы должны проверить правильность исходного кода с помощью JSONLint.
Теперь давайте рассмотрим пример. В качестве задания возьмем следующую установку: перейдите на главную страницу нашего сайта (blogonnymity.info) одним щелчком мыши. Код будет выглядеть следующим образом:
Здесь есть параметры:
- manifest_version — подключенная версия скрипта.
- название — заголовок для расширения
- описание — подробное описание
- версия — текущая версия.
- иконки — Ссылки на иконки. В данном случае используется только стандартная, с размером 128×128.
- разрешения — предоставленные расширения.
Файл манифест.json готово, можно переходить к созданию плагина. Для этого
- Создайте на компьютере отдельный каталог, его название должно содержать только английские буквы, цифры или символы.
- Переместите туда файл.
- В дополнение киньте иконку. В данном случае он поставляется вместе с расширением .png и название 128.png. Вы можете написать в коде другой вариант.
Прикрепить архив chromeum_ru_extension.rar, где уже содержатся все файлы для нашего плагина. И манифест.json вы можете отредактировать, открыв через любой текстовый редактор, например.g, Блокнот.
Следующий этап — отладка. Для этого нам необходимо установить расширение в Google Chrome:
- Запустите браузер и нажмите на значок меню управления.
- Наведите курсор мыши на «Больше инструментов.
- В подменю выберите пункт с названием Иконка «Расширения».
- В верхней панели на открывшейся странице включите ползунок «Режим разработчика.».
- Теперь нажмите на «Скачать распакованный…».
- В браузере файлов выберите директорию, в которой манифест.json.
- Нажмите на кнопку подтверждения.
В результате под «Приложения Chrome» Появится новый элемент. Теперь пришло время проверить функциональность нашей разработки. Для этого
- Перейти на страницу «Приложения» (ссылка chrome://apps/).
- Нажмите на изображение с надписью Зайдите на сайт на Chromeum.ru.
- Ожидание загрузки нашего сайта.
Как видите, все работает, а это значит, что дополнение готово к публикации в общем магазине.
Реферат
Предлагаемая инструкция очень проста и не очень функциональна, потому сложно описать все в небольшой статье. Но, тем не менее, со своей задачей он справляется отлично. Если вы заинтересованы в разработке дополнений, ознакомьтесь с материалами ниже.
Полезные ссылки
Прилагаю несколько ссылок, которые будут полезны, если вы пишете плагин для Chrome:
Getting Started Tutorial — введение в структуру json скрипт. Все описано с конкретными примерами и максимально подробно. Есть инструкции о том, как реализовать базовые инструкции, как подключить пользовательский интерфейс, логику кода и установить свой плагин в браузер от Google.
Обзор — подробная информация о структуре и архитектуре расширений Chrome, интеграции API, доступе к специфическим функциям (приватный просмотр, экономия трафика и т.д.).). д.).
Отладка расширений — основы отладки, общие ошибки времени выполнения для аддонов, просмотр журналов и многое другое.
Опубликовать в Chrome Web Store — Подготовка расширения к публикации в Chrome Web Store, создание аккаунта разработчика и так далее.
Develop Extensions — статья с большим количеством ссылок на материалы и инструкции от Google, которые будут полезны для разработки.