Лайфхакер
Лайфхакер
Лучшее
Рубрики
Рецепты
Подкасты
Сервисы
Колонки
Лучшее
Рубрики
Рецепты
Подкасты
Сервисы
Колонки
Декабрь без стресса
🎁 Подарки на Новый год
Новости
Здоровье
Спорт и фитнес
Покупки
Технологии
Отношения
Кино
Реклама
БраузерыТехнологии
14 мая 2013

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

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

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

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

расширения google chrome

Собираем приложение для 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$ за публикацию.

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

2013-05-13_14h36_16

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

Приложение не найдено
Источник: www.labnol.org
Если нашли ошибку, выделите текст и нажмите Ctrl + Enter

Лучшие предложения

10 предметов мебели для тех, кто ценит простоту и функциональность

10 предметов мебели для тех, кто ценит простоту и функциональность

Мужская зимняя куртка от Harry Hatchet

Надо брать: зимняя куртка от Harry Hatchet со скидкой 30%

60 отличных подарков бабушке на Новый год

60 отличных подарков бабушке на Новый год

5 хороших игровых мышек дешевле 5 тысяч рублей

5 хороших игровых мышек дешевле 5 тысяч рублей

аэрогриль ГрандШеф 16 в 1

Что умеет большой аэрогриль «Грандшеф 16 в 1» с высоким рейтингом на маркетплейсах

Кресло с поддержкой поясницы

Берём в подарок компьютерное кресло с поддержкой поясницы

кроссовки от Baasploa

Надо брать: кроссовки от Baasploa, в которых тепло и сухо в слякоть

Sejchas s skidkoj: 15 otlichnyh tovarov na AliExpress

Сейчас со скидкой: 15 отличных товаров на AliExpress

Это интересно
«А что, так можно было?» 8 способов пересмотреть свои онлайн-привычки 

«А что, так можно было?» 8 способов пересмотреть свои онлайн-привычки 

3 фактора, которые влияют на качество вашего сна

3 фактора, которые влияют на качество вашего сна

проигрыватели на разный бюджет

Проигрыватель в подарок: 3 варианта на разный бюджет

Где живёт добро: карта маленьких больших дел 2025 года

Где живёт добро: карта маленьких больших дел 2025 года

Комментарии
Alexander Zakharov
14.05.13 13:16
Где указывается адрес RSS и в каком формате?
Дмитрий Горчаков
14.05.13 13:24
Откройте файл labnol.js из архива и в третьей строке в кавычках вместо http://feeds.labnol.org/labnol введите ссылку на свой фид
Alexander Zakharov
14.05.13 13:30
Спасибо
Александр Парфенов
14.05.13 14:34
Спасибо! Круто!
Alexandr
14.05.13 14:58
Надо было бы сразу и ссылку на приложение и расширения для lifehacker.ru
Дмитрий Горчаков
14.05.13 15:27
Надо было бы, но это не в моей компетенции. Если главный редактор проекта сочтет необходимым существование такого расширение, то значит будет.
Dzhek Stepanyan
14.05.13 20:18
Да , кстати , это работает через rss да ? если будет новая статья , то будет оповещения или что то подобное на расширении ?
Роман Максимович
23.12.13 14:17
Как сделать авторизацию на сайте через расширение, если хранение состояний авторизации только через куки?
Игорь Турчин
14.05.13 19:51
Спасибо! Хорошая идея!
Dzhek Stepanyan
14.05.13 20:06
Огромное спасибо !!!!!
Viktor Tomilin
14.05.13 22:41
Спасибо, сделал приложение, пока только для себя. Все получилось. Отличный пост! В закладки.
Lencha
15.05.13 02:13
Спасибо! Очень полезная статья!
Илья Айнабеков
15.05.13 10:50
Будут ли уведомления если в rss появятся новые статьи?
Sergey Likhenko
26.07.13 13:56
меня тоже этот вопрос волнует, уведомлений нету к сожелению
Дмитрий Пичугин
28.05.13 14:52
Немного косвенного офф-топа. Объясните или дайте ссылку на объяснение, пожалуйста: Зачем нужны "Приложения" для хрома? Чем они отличаются от простых ярлыков и закладок? В чем их особенность и преимущества? и для кого?
Alexandr
28.05.13 16:56
Тоже никогда не мог понять )
Frei Friedrich
11.06.13 20:22
спасибо за статью, но не получилось сделать арр чтоб вызывать m.vk.com такое расширение есть для одноклассников - очень удобная штука, мобильную версию - держать на кнопке.....пожалуйста помогите....
Sergey Likhenko
26.07.13 13:54
Спасибо за инструкцию. само расширение работает, но нету иконки, даже той что идет для примера в архиве. подскажите что делаю не так? и еще вопрос, подскажите как доработать скрипт, чтобы выводило количество новых записей с последнего захода на сайт. Было бы очень удобно
Viktor Tomilin
26.07.13 14:49
Если не видно иконки, то скорее всего, указан не правильный путь к вашему изображению или оно не правильно названо. Проверьте это и будет видно иконку. Посмотрите пример моего работающего кода: { "name": "Виктор Томилин", "description": "Мой блог о бизнесе в интернете: информационный, партнерский, сайт", "app": { "urls": ["http://viktortomilin.com/"], "launch": { "web_url": "http://viktortomilin.com/" } }, "manifest_version": 2, "update_url": "http://clients2.google.com/service/update2/crx", "version": "0.1", "icons": { "128": "icon.png" } } А изображение должно иметь наименование - icon.png
Sergey Likhenko
26.07.13 15:53
я вот думаю, может я как-то неправильно сохраняю иконку из фотошопа. Может там какие-то тонкости есть? Пробовал и png8 и 24
Viktor Tomilin
26.07.13 16:33
Не важно, в каком разрешении png. Важно правильное название и размер.
Sergey Likhenko
26.07.13 17:50
попробовал ваш кусок кода, вообще выбивает ошибку http://i.imgur.com/AyZbeGB.png
Viktor Tomilin
26.07.13 19:54
На днях сделаю видео и оставлю ссылку тут
Sergey Likhenko
26.07.13 15:50
спасибо, протестирую, остался еще вопрос, чтобы на иконке показывало кол-во новых статей. Желательно чтоб еще время автопроверки можно было выставить, например раз в 5 минут
Viktor Tomilin
26.07.13 16:38
Думаю, это не получится с изображениями такого формата.
Bet
29.09.13 21:48
автору зачёт и плюс в карму
Роман Михайленко
01.11.15 22:09
Царская статья! Очень помогла, долго искал, что-то подобное :) Спасибо автору!
Vladimir Chinn
09.05.16 20:33
работает. спасибо!
Артём Жеков
25.05.16 18:24
Как сделать такой же блок с расширением, как у вас под статьей? Это плагин какой-то?
Максим Ливень
30.08.16 15:21
С одной стороны, для юзверей само то: не нужно разбираться, работает практически из коробки. С другой - шаг влево, шаг вправо - крах, документация на иглише и не работает, все летит к чертям. Вариант другой: разбираешься в документации, берешь велосипед, прикручиваешь седло, ставишь Ножные педали, прикручиваешь тормоза, не дожидаясь новых релизов, наслаждаешься)
Максим Ливень
30.08.16 15:24
С изменением данных страницы, в основном, сплошной геморой из-за политики безопасности..
Игорь Рекуненко
16.09.16 14:30
А можно такой же, только для Firefox? :)
Олександр Дудар
28.02.17 16:38
А как сделать, например, расширение для транслитерации страниц?.. Только собственной системой… Потому готовые не подходят…
Николай Глоба
05.04.17 09:53
Не работает!
Юлия Волк
17.07.17 11:09
?
Alexander Fallorio
11.10.18 19:12
Абсолютно бесполезное расширение! Расширение чаще пишется для взаимодействия со страницей, в ином случае можно скачать любое из гугл шопа. Как взаимодействовать со страницей? Я хочу сделать кнопку, по нажатию которой происходили изменения на сайте, на котором я сижу. Хоть бы разные версии готовых расширений с файлами выложили, где каждый сможет найти для себя нужное. Честно говоря, от лайфхакера ожидал гораздо большего :(
Что вы могли пропустить
Qwen выпустила модель для редактирования фото через слои — более тонко и точечно
Qwen выпустила модель для редактирования фото через слои — более тонко и точечно
0
Вчера
Новости
Технологии
В Японии начали продавать увлажнитель воздуха в форме Дарта Вейдера
В Японии начали продавать увлажнитель воздуха в форме Дарта Вейдера
0
Вчера
Новости
Устройства
У ChatGPT появился «характер»: теперь можно регулировать теплоту, сарказм и даже количество эмодзи
У ChatGPT появился «характер»: теперь можно регулировать теплоту, сарказм и даже количество эмодзи
0
Вчера
Новости
Технологии
Создатели криптовалюты USDT выпустили децентрализованный менеджер паролей PearPass
Создатели криптовалюты USDT выпустили децентрализованный менеджер паролей PearPass
0
Вчера
Новости
Технологии
Когда бытовую технику не стоит даже пытаться чинить самому — а когда можно попробовать
Когда бытовую технику не стоит даже пытаться чинить самому — а когда можно попробовать
0
Вчера
Технологии
Технологии
Дефицит оперативной памяти в мире: что происходит и почему вся электроника будет дорожать
Дефицит оперативной памяти в мире: что происходит и почему вся электроника будет дорожать
0
19 декабря
Новости
Технологии
Минцифры четвёртый раз обновило «белый список» — одно из крупнейших расширений
Минцифры четвёртый раз обновило «белый список» — одно из крупнейших расширений
0
19 декабря
Новости
Технологии
Nano Banana научился дорисовывать за пользователем и понимать визуальные подсказки
Nano Banana научился дорисовывать за пользователем и понимать визуальные подсказки
0
19 декабря
Новости
Технологии
12 лучших аэрогрилей для дома в 2026 году
12 лучших аэрогрилей для дома в 2026 году
0
19 декабря
Ликбез
Технологии
Для всего и сразу: 8 агрегаторов нейросетей с едиными лимитами на все задачи
Для всего и сразу: 8 агрегаторов нейросетей с едиными лимитами на все задачи
0
18 декабря
Ликбез
Технологии
«Яндекс» раскрыл подробности о своих беспроводных наушниках «Дропс» с «Алисой AI»
«Яндекс» раскрыл подробности о своих беспроводных наушниках «Дропс» с «Алисой AI»
0
18 декабря
Новости
Устройства
iPhone 18 Pro может получить фронтальную камеру в углу экрана вместо Dynamic Island
iPhone 18 Pro может получить фронтальную камеру в углу экрана вместо Dynamic Island
0
18 декабря
Новости
Устройства
В ChatGPT появился магазин приложений с доступом к Apple Music, Photoshop и другим интеграциям
В ChatGPT появился магазин приложений с доступом к Apple Music, Photoshop и другим интеграциям
0
18 декабря
Новости
Технологии
В России создадут единую базу IMEI мобильных устройств — их привяжут к номерам
В России создадут единую базу IMEI мобильных устройств — их привяжут к номерам
0
17 декабря
Новости
Технологии
Уже не круто и просто опасно: как нейроконтент заполонил Сеть и что с этим делать
Уже не круто и просто опасно: как нейроконтент заполонил Сеть и что с этим делать
0
17 декабря
Технологии
Технологии

Новые комментарии

Аватар автора комментария
Alexanches1 час назад

0 / 0

Как аудиофил с 25 лет стажем скажу, что это заведомо ущебрная технология не стоит и 1000 рублей инвестиций. Я слушал сетапы до $200К, и всегда лезут одни и те же болячки этой устаревшей технологии звукоизвлечения. Как минимум заваленные края частотного диапазона и низкий динамический диапазон. Грамотно составленная система с цифровым источником даже многократно низкой цены в одну калитку выносит все эти проигрыватели. Им просто пора на заслуженный покой, с этим пора смириться
Проигрыватель в подарок: 3 варианта на разный бюджет
Аватар автора комментария
Alexanches1 час назад

0 / 0

Таак, аппетит разыгрался, надо приготовить холодца. С хреном, горчичкой 🤌🤌🤌
Правда ли холодец полезен для суставов
Аватар автора комментария
Alexanches1 час назад

0 / 0

У меня четверо детей и вот как мы избавились от постоянных болезней: - прививаемся все по календарю, даже от сезонного гриппа, плюс некоторые платные прививки детям делаем - перестали принимать противовирусные - стараемся ходить пешком больше - меньше потребляем сахара и отказались от полуфабрикатов - два раза в неделю хотя бы что-то из морепродуктов Теперь, даже когда заболеваем, то переносим намного легче, быстрее выздоравливаем и никогда дело не доходит антибиотиков. И так уже 6 лет. Да, БАДов никаких не принимаем.
Правда ли холодец полезен для суставов
Аватар автора комментария
Elena Soshina2 часа назад

0 / 0

Сыктывкар!
Кто живёт в Гусь-Хрустальном? А в Торжке? И ещё 20 случаев, когда назвать жителей города непросто
Платежи с кешбэком и без комиссий. Как приложение Газпромбанка облегчит вам жизнь

Платежи с кешбэком и без комиссий. Как приложение Газпромбанка облегчит вам жизнь

Лайфхакер
Информация
О проектеРубрикиРекламаРедакцияВакансииДля начинающих авторовО компании
Подписка
TelegramВКонтактеTwitterViberYouTubeИнициалRSS
Правила
Пользовательское соглашениеПолитика обработки персональных данныхПравила применения рекомендательных технологийПравила сообществаСогласие на обработку персональных данныхСогласие для рекламных рассылокСогласие для информационной программы
18+Копирование материалов запрещено.
Издание может получать комиссию от покупки товаров, представленных в публикациях