Семён Левенсон — Воркшоп: Пишем браузерное расширение с нуля. Часть 1

Ближайшая конференция — HolyJS 2024 Autumn, 7 ноября (online), 14–15 ноября (Санкт-Петербург + трансляция).
— —
Браузерные расширения набирают популярность и появляются на новых поверхностях — уже осенью они появятся в iOS и iPad. Расширения — это возможность покрыть потребности ваших пользователей за рамками вашего приложения (интеграции, дополнительные функции и т.д.).

На этом воркшопе разберем:
- из чего состоят браузерные расширения;
- какие особенности и ограничения есть;
- какие есть юзкейсы;
- какие есть площадки и как в них появиться;
- какие есть утилиты для разработки.

Воркшоп будет полезен тем, кто хочет научиться самостоятельно писать браузерные расширения.

[ddemyanov]

Спасибо Семену. Шикарная подача. Очень круто пробежался по верхам и показал основные принципы работы расширений

[JarerFolders]

Круто! Не знал про то что можно так легко обращаться к API сайта, хотя это вполне очевидно

[cryptoelik]

5:00 - Стартуем проект, создаем манифест джейсон
12:00 - добавляем иконки и переводы
25:00 - пишем код

[drmjbvc]

Супер, мне тестовое задание дали на вакансию, сделать расширение. И очень полезным оказалось это видео. Жаль что мой extention куда сложнее=( а я всего лишь на трейни претендую(

[sabirsafarov]

Поцаны и уважаемые дамы, как добавить в vscode подсветку синтаксиса chrome api?

[Sidor__]

А где найти это на простом JS, как в видео? Не подскажите?

[xoxo]

Спасибо! На английском тоже смотрел доклад, но не понял зачем именно на английском он был, наверное для практики:)

[TioworldInTheWorld]

Ребят, привет!
Подскажите, как сделать так, чтобы расширение работало в фоне?
Сделал таймер, он сбрасывается если кликаю в любое место экрана или сворачиваю браузер.

[hunnidbaby]

Не понимаю. Делаю вроде всё так же. 1 в 1 практически, кроме имён собственных. Но при заходе на целевой сайт в консоль ничего не выводится. Проверил 300 раз все запятые и написания. Сам Хром ошибок в экстеншоне не показывает никаких... Че делать

[romanbolgar]

Ничего непонятно но очень интересно. Хотел сделать себе кнопку которая копирует таймкоды На Ютубе из видеов комментарии. Чтобы можно было более проще комментировать по тайм-кодам. Жаль нетвремени этим заниматься Надеялся искусственный интеллект напишет готовый код А мнеостанется только вставить. Он что-то непонятное написал Естественно оно совершенно не работает. А ещё лучше найти готовую кнопку. Среди кучи расширений нету такой функции . Хотя в Youtub Revanced Приложение для смартфона Такая кнопка есть в комментарии Но хотелось бы для браузера Edge.И чтобы эту кнопку можно было бы активировать Laitis Голосом. Конечно комментарии можно и сказать в формате времени например 8 часов Да иногда оно пишет почему-то Вот так Ну иногда 8 часов ноль одна минута 8:00 1 минута В общем как видим пишет по-разному и всего-навсего один раз иногда угадала При этом действительно ставится Терм код и перейдёт на восьмую минуту видео Ну что делать если надо скопировать в комментарии голосом Например тридцатую минуту видео Конечно можно руками но неудобно Странно что до сих пор не появилась такая кнопка или я не нашёл. Может на форумах поспрашивать

[firewatermoonsun]

Слушатель => {console.log("Commands 111 ", command)} не тригерится в файле background.js при нажатии комбинации клавиш. Все проверил, вроде все правильно.