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

Тема в разделе "Браузеры и плагины", создана пользователем Антоха, 25 июн 2013.

↑ ↓
  1. Антоха Администратор
    Антоха
    Ответить в чате

    Администрация

    Регистрация:
    26.12.2012
    Сообщения:
    3.174
    Симпатии:
    11.089
    Пол:
    Мужской
    Репа:
    +11.237 / 47 / -6
    Jabber:
    Skype:
    Предлагаю Вашему вниманию,расширение GoogleChrome для просмотра последних новостей нашего форума,а также статью по которой каждый желающий сможет создать расширение для любого сайта.Почему-то у меня некорректно отображается иконка,посмотрите и скажите,что нужно исправить.И ещё вопрос:как сюда(в сообщение) добавлять фреймы?Расширение во вложении.
    В этой статье мы узнаем, как легко и просто создать расширение Google Chrome без необходимости ковыряния в кодах и программных API. Всего за несколько минут мы сделаем и опубликуем в Chrome Web Store браузерное расширение для вашего сайта, которое будет информировать пользователей о новых обновлениях и обеспечивать быстрый переход читателей на ваш ресурс.

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

    1. Скачиваем архив с шаблоном расширения по этой ссылке.
    2. Разархивируем в любое удобное вам место. Внутри находится файлmanifest.json и иконка icon.png.
    3. Открываем файл manifest.json в блокноте и редактируем его содержимое. Вам необходимо в строке 2 ввести имя своего сайта, в строке 3 — его описание (до 132 символов), в строке 5 и 7 — адрес сайта. Сохраняем сделанные изменения.
    1. {
    2. "name": "Lifahacker.ru",
    3. "description": "A blog about productivity, life, health and sports, and of course on how to use computers, websites and technology.",
    4. "app": {
    5. "urls": ["http://lifehacker.ru/"],
    6. "launch": {
    7. "web_url": "http://lifehacker.ru/"
    8. }
    9. },
    10. "manifest_version": 2,
    11. "update_url":"http://clients2.google.com/service/update2/crx",
    12. "version": "0.1",
    13. "icons": {
    14. "128": "icon.png"
    15. }
    16. }
    4. Меняем иконку из архива на свое изображение в формате PNG, размером 128*128.
    Собираем расширение для Google Chrome

    Хотя расширение функционально существенно отличается от приложения, алгоритм его сборки не намного сложнее.
    1. Получаем заготовку расширения по этой ссылке.
    2. Разархивируем. Открываем в блокноте файл manifest.json и вставляем название своего сайта, его краткое описание и заголовок окна расширения (строки 2, 3 и 8).
    1. {
    2. "name": "Lifehacker.ru",
    3. "description": "A blog about productivity, life, health and sports, and of course on how to use computers, websites and technology.",
    4. "browser_action": {
    5. "default_icon": {
    6. "38": "icon.png"
    7. },
    8. "default_title": "Lifehacker.ru",
    9. "default_popup": "labnol.html"
    10. },
    11. "manifest_version": 2,
    12. "update_url": "http://clients2.google.com/service/update2/crx",
    13. "content_security_policy": "script-src 'self' https://www.google.com; object-src 'self'",
    14. "version": "0.1"
    15. }
    3. Открываем файл labnol.js и указываем адрес RSS потока своего сайта.
    4. Заменяем иконку из архива на свое изображение в формате PNG размером 128*128.
    Публикация

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

    Вложения:

    • Ru-sphere.zip
      Размер файла
      16,7 КБ
      Просмотров:
      6
    • Мне нравится Мне нравится x 6
  2. Антоха Администратор
    Антоха
    Ответить в чате

    Администрация

    Регистрация:
    26.12.2012
    Сообщения:
    3.174
    Симпатии:
    11.089
    Пол:
    Мужской
    Репа:
    +11.237 / 47 / -6
    Jabber:
    Skype:
    Почему-то не синхронно с расширением обновляются новости.В чём может быть проблема?
     
    • Мне нравится Мне нравится x 3
  3. X-Shar :)
    X-Shar
    Ответить в чате

    Администрация

    Регистрация:
    03.06.2012
    Сообщения:
    5.800
    Симпатии:
    425
    Пол:
    Мужской
    Репа:
    +957 / 152 / -29
    Jabber:
    Skype:
    ICQ:

    638294628

    Спасибо за интересную статью, по описанию вроде не сложно завтро поразбираюсь, содня не буду...

    А в качестве иконки ты что брал ?

    Фреймы в посты добавлять нельзя, это сделано для безопасности, чтобы не вставляли опасный код в посты...
     
    • Мне нравится Мне нравится x 4
  4. Антоха Администратор
    Антоха
    Ответить в чате

    Администрация

    Регистрация:
    26.12.2012
    Сообщения:
    3.174
    Симпатии:
    11.089
    Пол:
    Мужской
    Репа:
    +11.237 / 47 / -6
    Jabber:
    Skype:
    С первого попавшегося сайта скачал.Плохо,что через расширение новости медленно обновляются.Здесь уже изменились,а в нём минут через 15 меняются.Может какой параметр обновления не выставлен?[​IMG]
     
    • Мне нравится Мне нравится x 5
  5. X-Shar :)
    X-Shar
    Ответить в чате

    Администрация

    Регистрация:
    03.06.2012
    Сообщения:
    5.800
    Симпатии:
    425
    Пол:
    Мужской
    Репа:
    +957 / 152 / -29
    Jabber:
    Skype:
    ICQ:

    638294628

    Здесь на сайте ленты сообщений обновляются раз в час, это забито в кроне !

    Может ещё какие настройки RSS поменять ?

    Безымянный.

    У меня тоже-самое иконка не отображается и обновление не сразу !Не въехал!!!
     
    • Мне нравится Мне нравится x 5
  6. Антоха Администратор
    Антоха
    Ответить в чате

    Администрация

    Регистрация:
    26.12.2012
    Сообщения:
    3.174
    Симпатии:
    11.089
    Пол:
    Мужской
    Репа:
    +11.237 / 47 / -6
    Jabber:
    Skype:
    • Мне нравится Мне нравится x 4

Поделиться этой страницей