Моє перше розширення для Google Chrome: KyivRockSessions

Створювати розширення для браузера Google Chrome дійсно легко! Принаймні так, як це роблю я 🙂

Я просто “вицепив” як створити саму оболонку розширення, якому передається html-файл, результат обробки якого при кліку по іконці розширення відкриватиметься у віконечку поверх браузера (як і більшість розширень). А вже в сам html-файл можна впихнути що завгодно – будь-які скрипти…

Тож, знаючи основні складові розширення та маючи базові знання html і css, можна почати клепати власні додатки для гугловського браузера!

Оскільки розширення має відображати аж ніяк не статичну інформацію і, звичайно, бути корисним, я вирішив створити додаток, який буде корисним перш за все мені самому 🙂 Я просто взяв скрипт трансляції анонсів подій з сайту Київського Рок-клубу і тепер я маю змогу будь-якої миті дізнатися, куди можна сходити ввечері, просто клікнувши на іконку в браузері поряд з адресним рядком:

Ось так виглядає в дії моє перше розширення для Google Chrome

Ось так виглядає в дії моє перше розширення для Google Chrome

Ясєн пень, що складні розширення так не робляться і для створення чогось навороченого можливо доведеться підучити java-scripts, але для таких задач, як у мене, нічого більшого не потрібно (хіба що веб-гуру знайдуть якісь помилки чи порадять як можна щось оптимізувати чи покращити)

Отже, можете потестувати:
[download id=”3″]

(Якщо ви завантажили файл не Хромом, то просто відкрийте файл за допомогою браузера. Він попередить вас, що файл може бути небезпечним, але вам доведеться повірити мені на слово і дозволити браузеру встановлення розширення 🙂 Готово!)

Чекаю ваших відгуків!

P.S. Для тих, хто хоче спробувати власні сили, невеличкий мануальчик:
http://habrahabr.ru/blogs/google_chrome/75639/

  • G3D

    Спасибі за розширення! Вельми цікаво 😉 Майструй ще!

  • Тарас

    Ти в курсі, ґугл платить за знайдені дірки в хромі?)

    • Ні. Це натяк на те, що я маю платити за знайдені дірки в моєму розширеннні? 🙂

  • Шіт! Учора був завантажив недоопрацьовану версію. Перезалив. Хто вже завантажив і збирається використовувати додаток – перевстановіть будь-ласка! В новій версії трішки покращено зовнішній вигляд 🙂