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

В этой статье мы узнаем, как легко и просто создать расширение Google Chrome без необходимости ковыряния в кодах и программных API. Всего за несколько минут мы сделаем и опубликуем в Chrome Web Store браузерное расширение для вашего сайта, которое будет информировать пользователей о новых обновлениях и обеспечивать быстрый переход читателей на ваш ресурс.

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

👌 В телеграм-канале «Лайфхакер» лучшие статьи о том, как сделать жизнь проще.

Собираем приложение для Google Chrome

1. Скачиваем архив с шаблоном расширения по этой ссылке.

2. Разархивируем в любое удобное вам место. Внутри находится файл manifest.json и иконка icon.png.

3. Открываем файл manifest.json в блокноте и редактируем его содержимое. Вам необходимо в строке 2 ввести имя своего сайта, в строке 3 — его описание (до 132 символов), в строке 5 и 7 — адрес сайта. Сохраняем сделанные изменения.

4. Меняем иконку из архива на свое изображение в формате PNG, размером 128*128.

Собираем расширение для Google Chrome

Хотя расширение функционально существенно отличается от приложения, алгоритм его сборки не намного сложнее.

1. Получаем заготовку расширения по этой ссылке.

2. Разархивируем. Открываем в блокноте файл manifest.json и вставляем название своего сайта, его краткое описание и заголовок окна расширения (строки 2, 3 и 8).

3. Открываем файл labnol.js и указываем адрес RSS потока своего сайта.

4. Заменяем иконку из архива на свое изображение в формате PNG размером 128*128.

Публикация

Сделанные нами расширение и приложение можно использовать двумя способами. Если вы владелец сайта и хотите привлечь на него дополнительных пользователей, то можно опубликовать свои работы в Chrome Web Store. Для этого запаковываем файлы расширения и дополнения каждое в свой архив, идем на страницу Chrome Dashboard и загружаем свои работы в магазин Google. Здесь вас попросят загрузить скриншот, дать расширенное описание и указать некоторые другие параметры. Страница на русском языке, так что вы без труда разберетесь. Обратите только внимание, что для публикации расширения вы должны быть подтвержденным владельцем сайта, для которого сделали расширение. Кроме этого, от вас потребуется вступительный взнос в размере 5$ за публикацию.

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

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

Скачать в chromewebstore

Это упрощённая версия страницы.

Читать полную версию
Источник статьи: www.labnol.org
Если нашли ошибку, выделите текст и нажмите Ctrl + Enter
Олександр Дудар
28.02.17 16:38
А как сделать, например, расширение для транслитерации страниц?.. Только собственной системой… Потому готовые не подходят…
Николай Глоба
05.04.17 09:53
Не работает!
Юлия Волк
17.07.17 11:09
?
Alexander Fallorio
11.10.18 19:12
Абсолютно бесполезное расширение! Расширение чаще пишется для взаимодействия со страницей, в ином случае можно скачать любое из гугл шопа. Как взаимодействовать со страницей? Я хочу сделать кнопку, по нажатию которой происходили изменения на сайте, на котором я сижу. Хоть бы разные версии готовых расширений с файлами выложили, где каждый сможет найти для себя нужное. Честно говоря, от лайфхакера ожидал гораздо большего :(
Читать все комментарии