20 ідей розширень для Chrome (і як їх створювати та публікувати)

Добрі ідеї розширень для Chrome роблять одну вузьку справу всередині сторінок, якими люди вже користуються: прибирають перевантажений вигляд, зберігають щось у інструмент, заповнюють повторювані форми або додають відсутню функцію до сайту. Це не лише добре продуктове чуття: правила якості Chrome Web Store вимагають, щоб кожне розширення мало одну вузьку мету. Нижче наведено двадцять ідей, для кожної вказано, для кого вона, першу версію, як на ній можна заробити і що буде найскладнішим, а далі — як створюються розширення (Manifest V3), як їх публікують і за них платять станом на жовтень 2026.

Якщо натомість потрібні ідеї вебзастосунків, дивіться ідеї мікро-SaaS або ідеї вебзастосунків.

Двадцять ідей коротко

Читання, дослідження та навчання

1. Збереження сесій вкладок для дослідження

• Для кого: студенти й дослідники з 40 відкритими вкладками.
• Перша версія: зберегти вкладки вікна як іменовану сесію з нотатками і відкривати її пізніше.
• Як заробляти: безкоштовно, з платним планом для синхронізації між пристроями.
• Найскладніше: переповнена категорія; оберіть власну родзинку, наприклад сесії, прив'язані до дедлайну.

2. Режим фокусування для окремих сайтів

• Для кого: люди, які втрачають години на один-два сайти.
• Перша версія: приховувати стрічки чи рекомендації на вибраних сайтах у встановлений час, з кнопкою «ще п'ять хвилин».
• Як заробляти: разова оплата або невелика підписка на розклади й статистику.
• Найскладніше: сайти змінюють сторінки, і правила приховування ламаються.

3. Режим читання з керуванням інтервалами

• Для кого: читачі, яким важко даються щільні сторінки, зокрема деякі люди з дислексією.
• Перша версія: спрощений вигляд статті з регульованим шрифтом, міжлітерним інтервалом, міжрядковим інтервалом і кольором фону.
• Як заробляти: часто безкоштовно; школи й організації можуть платити за кероване розгортання.
• Найскладніше: витягнути основний текст із заплутаних сторінок.

4. Позначки й нотатки на сторінці

• Для кого: дослідники та автори, які хочуть, щоб позначки залишалися на сторінці.
• Перша версія: виділяти текст, додавати нотатки, бачити їх під час повторного відвідування та експортувати нотатки проєкту.
• Як заробляти: підписка на синхронізацію й експорт.
• Найскладніше: знову знайти позначки, коли сторінка трохи змінилася.

5. Збирач словника для тих, хто вивчає мову

• Для кого: люди, які вчать мову, читаючи реальні сайти.
• Перша версія: подвійне клацання на слові зберігає його разом із реченням, з якого воно взяте; збережені слова можна повторювати як картки. Як створити застосунок для карток описує частину з повторенням.
• Як заробляти: підписка на функції повторення та синхронізацію.
• Найскладніше: для перекладу потрібен API перекладу або ШІ, які коштують грошей за кожен запит; закладіть це в бюджет.

6. Копіювач цитат

• Для кого: студенти та журналісти.
• Перша версія: одне клацання копіює назву сторінки, автора, дату й URL у вибраному стилі цитування.
• Найскладніше: метадані часто відсутні; дайте користувачам їх редагувати.

Покупки та побут

7. Калькулятор ціни за одиницю для продуктових сайтів

• Для кого: покупці, які порівнюють розміри упаковок.
• Перша версія: на сайті одного супермаркету показувати поруч із кожним товаром ціну за кілограм або за штуку та сортувати за нею.
• Як заробляти: невелика разова оплата або безкоштовно.
• Найскладніше: сторінки кожного магазину відрізняються і змінюються; почніть з одного магазину. Спершу прочитайте умови сайту.

8. Упорядкування посилань на зустрічі

• Для кого: віддалені працівники, у яких посилання розкидані по запрошеннях у календарі й листах.
• Перша версія: знаходити посилання на зустрічі на сторінці й показувати зрозумілу кнопку «приєднатися» з часом у вашому поясі.
• Найскладніше: запитувати якомога менше дозволів.

9. Збереження оголошень у таблицю

• Для кого: люди, які шукають житло чи авто або порівнюють оренду на кількох сайтах.
• Перша версія: кнопка, яка зберігає ціну, локацію, посилання та ваші нотатки про оголошення в одну порівняльну таблицю.
• Як заробляти: підписка на кілька місяців, поки людина шукає.
• Найскладніше: багато сайтів оголошень обмежують автоматичний збір даних у своїх умовах. Зберігайте лише те, що користувач бачить, і лише коли він сам натискає.

10. Конвертер часових поясів для виділеного тексту

• Для кого: віддалені команди та всі, хто призначає дзвінки за кордон.
• Перша версія: виділіть час на кшталт «15:00 EST» на будь-якій сторінці й побачте його у вашому місцевому часі.
• Найскладніше: формати часу.

Робота й команди

11. Вставка збережених відповідей

• Для кого: фахівці підтримки, рекрутери та всі, хто щодня друкує одні й ті самі відповіді.
• Перша версія: бібліотека відповідей із плейсхолдерами (ім'я, номер замовлення), які вставляються в будь-яке поле тексту комбінацією клавіш.
• Як заробляти: за користувача на місяць, зі спільною командною бібліотекою на платному плані.
• Найскладніше: поля тексту поводяться по-різному в різних вебзастосунках; протестуйте ті, якими користуються ваші люди.

12. Кнопка збереження в CRM

• Для кого: фрілансери та невеликі відділи продажів, які знаходять потенційних клієнтів на сайтах.
• Перша версія: на сторінці будь-якої компанії зберегти назву, URL і нотатку як лід у вашій простій CRM. Частину CRM створіть за допомогою конструктора CRM; див. як створити CRM.
• Як заробляти: підписка на CRM; розширення — це функція.
• Найскладніше: не збирайте персональні дані з сайтів усупереч їхнім умовам; нехай користувач сам вибирає, що зберігати.

13. Скріншот із позначками для звіту про помилку

• Для кого: команди продукту й QA.
• Перша версія: зробити знімок видимої сторінки, намалювати стрілку, додати примітку і надіслати її разом із URL і даними браузера в простий список помилок. Як писати хороший звіт про помилку пояснює, що варто включити.
• Як заробляти: за команду на місяць.
• Найскладніше: інструментів багато; підключіться до того місця, де користувачі вже ведуть помилки.

14. Збирач вакансій для заявок

• Для кого: шукачі роботи, які подають заявки на багатьох сайтах.
• Перша версія: одним клацанням зберегти назву вакансії, компанію, посилання й дату закриття в трекер. Див. як створити трекер заявок на роботу.
• Як заробляти: невелика підписка; користувачі йдуть, щойно їх беруть на роботу.
• Найскладніше: сайти вакансій дуже відрізняються.

15. Панель нової вкладки з ваших даних

• Для кого: власники малого бізнесу, які хочуть бачити сьогоднішні цифри щоразу, коли відкривають вкладку.
• Перша версія: сторінка нової вкладки показує сьогоднішні замовлення, бронювання або реєстрації з вашого застосунку. Частину з даними створіть за допомогою конструктора панелей.
• Як заробляти: як частина застосунку, з якого воно читає дані.
• Найскладніше: тримати ключі API поза розширенням; розширення має говорити з вашим власним бекендом, а не зберігати секретні ключі.

16. Перевіряльник текстів за одним стильовим гайдом

• Для кого: контент-команди з внутрішнім стилем.
• Перша версія: підсвічувати заборонені слова, неправильні назви продуктів і варіанти написання в будь-якому полі тексту на основі списку, який редагує команда.
• Як заробляти: за команду на місяць.
• Найскладніше: ніколи не гальмувати під час набору тексту.

17. Відстежувач змін на сторінці

• Для кого: люди, які чекають, поки сторінка зміниться: сторінка результатів, статус товару на складі, політика.
• Перша версія: вибрати частину сторінки і отримати сповіщення, коли вона зміниться.
• Як заробляти: безкоштовний рівень з кількома відстеженнями, платні — за більшу кількість і частіші перевірки.
• Найскладніше: у Manifest V3 фонові перевірки виконує service worker, який прокидається лише за подіями чи будильниками і лише поки працює Chrome. Надійні й часті перевірки часто потребують сервера.

Розробники та дизайнери

18. Автозаповнення форм тестовими даними

• Для кого: розробники й тестувальники, які щодня заповнюють ті самі форми.
• Перша версія: одним клацанням заповнити будь-яку форму реалістичними вигаданими даними (імена, адреси, тестові номери карток із документації платіжного провайдера).
• Як заробляти: невелика разова оплата або ліцензія для команди.
• Найскладніше: не заповнити випадково реальні форми; обмежте роботу вибраними доменами.

19. Переглядач JSON і відповідей API

• Для кого: розробники, які читають сирі відповіді API у браузері.
• Перша версія: форматувати JSON, згортати розділи, шукати ключі й копіювати шляхи. Що таке JSON пояснює формат.
• Найскладніше: дуже переповнена ніша; виділіться однією функцією, наприклад порівнянням двох відповідей.

20. Швидкі перевірки доступності

• Для кого: дизайнери та розробники, які переглядають сторінку.
• Перша версія: позначати на поточній сторінці зображення без alt-тексту, текст із низьким контрастом і поля форм без підписів. Як зробити свій сайт доступним перелічує основи.
• Як заробляти: командні плани зі збереженими звітами.
• Найскладніше: автоматичні перевірки знаходять лише частину проблем; скажіть про це прямо.

Як створюються розширення Chrome (Manifest V3)

За вступною документацією Google, розширення використовують ті самі технології, що й сайти: HTML, CSS і JavaScript, а також API розширень Chrome. Основні частини такі:

• manifest.json: єдиний обов'язковий файл. У ньому вказано назву й версію розширення, його дозволи та те, які скрипти де виконуються.
• Service worker: працює у фоні, обробляючи події браузера. Він не має доступу до вмісту сторінок і працює лише тоді, коли це потрібно.
• Content scripts: JavaScript, що виконується всередині вебсторінок, для читання або зміни їхнього вмісту.
• Спливаюче вікно або дія на панелі: що відбувається, коли користувач клацає на вашу іконку.
• Бічна панель: панель поруч зі сторінкою для розширеного інтерфейсу.

Два правила Manifest V3 впливають на те, що можна створити, як пояснює огляд Manifest V3 від Google:

• Немає віддалено розміщеного коду. Розширення може виконувати лише JavaScript, що входить до його пакета. Дані з вашого сервера все ще можна завантажувати, але не новий код.
• Фонова робота керується подіями. Service worker замінив постійно активні фонові сторінки, тож довготривалі фонові завдання складніші. Усе, що має надійно виконуватися за розкладом, може потребувати сервера.

Manifest V2 вже не існує: за графіком відмови від MV2 від Google магазин перестав приймати нові розширення MV2 у 2022 році і видалив решту 31 серпня 2026 року. Старі підручники з MV2 не працюватимуть для нових розширень.

Де тут ШІ-інструменти

ШІ-асистенти для коду можуть написати код розширення, який ви тестуєте, завантаживши папку як розпаковане розширення з увімкненим режимом розробника. ШІ-конструктори застосунків, як Mythex, створюють вебзастосунки та сайти, а не розширення, але вони підходять для супутнього вебзастосунку, який потрібен багатьом із цих ідей: облікові записи, база даних, панель і платежі. Зберігайте секретні ключі API на цьому сервері, а не в розширенні, бо кожен може прочитати файли розширення. Як зберігати ключі API в безпеці пояснює чому.

Публікація в Chrome Web Store

1. Зареєструйтеся як розробник. Сторінка реєстрації від Google каже, що потрібно відкрити панель розробника, погодитися з угодою розробника та політиками й сплатити разову плату за реєстрацію. Сума на сторінці не вказана, тож уточніть її в панелі. Google також зазначає, що електронну адресу облікового запису потім не можна змінити.
2. Підготуйте картку застосунку: назва, опис, іконка, скріншоти та політика конфіденційності, якщо ви обробляєте дані користувачів. Як написати умови використання та політику конфіденційності допоможе.
3. Запитуйте якомога менше дозволів. Сторінка процесу перевірки від Google каже, що широкі дозволи для хостів (наприклад, доступ до всіх сайтів), чутливі дозволи (наприклад, до вкладок, cookie або webRequest), великий або важко перевірюваний код і нові облікові записи розробників можуть подовжити перевірку. Заплутаний код не допускається.
4. Надішліть і чекайте. Google каже, що більшість перевірок завершуються за кілька днів, хоча деякі тривають до кількох тижнів.
5. Дотримуйтеся однієї мети. Правила якості вимагають однієї вузької мети і виключають розширення, основна мета яких — показ реклами.

Як брати плату за розширення

Chrome Web Store більше не обробляє платежі за розширення: Google відмовився від вбудованих платежів, тож платні розширення використовують інший платіжний процесор. Типова схема така:

• Невеликий вебзастосунок, де користувачі реєструються й платять, через провайдера на кшталт Stripe або Paddle. Як додати платежі до застосунку і Stripe проти Paddle проти Lemon Squeezy порівнюють варіанти.
• Розширення входить до цього вебзастосунку і перевіряє, чи має користувач платний план.

Ідеї з 11 по 15 найкраще підходять до такої моделі. Яку б ви не обрали, починайте з проблеми, з якою щодня стикаєтеся у власному браузері, і перевірте її ще до створення.

Запитання