Свое контекстное меню в браузере. Пишем расширение для Chrome "Цитаты". Управляем меню Chrome.

Поділитися
Вставка
  • Опубліковано 5 вер 2024
  • Обучение программированию: курс-программи...
    В данном уроке мы разберем вопрос создания контекстного меню для собственного Google Chrome расширения. В завершении ролика, создадим плагин для браузера, который позволит сохранять выделенный текст как цитаты - отличная практика, для тренировки навыков работы с контекстным меню.
    Вы узнаете, в чем отличия между разными контекстами. Как браузер понимает, где показывать ваши пункты меню, где скрывать.
    Познакомитесь с разными типами пунктов меню: обычный пункт меню, чекбокс, радиобаттон и разделитель (separator).
    Узнаете, как построить сложное многоуровневое меню.
    Приятного просмотра!
    #javascript #chrome #firefox #browser #хром #расширение #программирвоание #контекстное меню

КОМЕНТАРІ • 21

  • @proodfirst2330
    @proodfirst2330 3 роки тому +1

    Классное видео. Ты один из тех кто на понятном языке обьясняет как работают chrome расширения. Жду аналогичных видео по расширениям и дальше! Лайкнул подписался.

    • @KhoroshilovEI
      @KhoroshilovEI  3 роки тому

      Спасибо! Видео по расширениям, безусловно, будут)

  • @user-jp6fz5ku3u
    @user-jp6fz5ku3u Рік тому +1

    Спасибо за отлично изложенный материал!

  • @user-aleksandr1890
    @user-aleksandr1890 Рік тому

    Спасибо Вам за полезный контент!

  • @user-wd1qu1ig8o
    @user-wd1qu1ig8o 2 роки тому

    Благодарю за видео, очень познавательно!

  • @zachet24
    @zachet24 Місяць тому

    не совсем понял как в листенер передается функция saveQuote без параметров, но сама функция описана уже с параметрами. Как она получает параметры?

  • @duoduoo6732
    @duoduoo6732 Рік тому

    pop,js это стандартное имя которое автоматически будет связано с попапом при клике на кнопку расширения? или где то надо указывать имя файла pop.js?

  • @mihailsasov665
    @mihailsasov665 2 роки тому +2

    Еще бы код файлов сюда выложить, например p.html

  • @stolz999
    @stolz999 Рік тому

    Вам бы новый видос выпустить на манифесте 3. Там всё поменялось. Понимаю, монетизации нет и не предвидится, но...

    • @phat80
      @phat80 10 місяців тому

      Почему монетизации нет? Человек живет в Штатах, а смотрят его не только из РФ. Тут точно не в этом дело. Тем более монетизация с такого канала (не в обиду автору) - это как слону дробина. Эти $100 в соотношении с зарплатой разработчика - только лишний гемор с отчетностью и налогами. Канал явно сделан не с целью заработка. И это видно. Был бы сделан с целью заработка, человек разбирал бы не узко специализированные темы, а мэинстрим, который набирает сотни тысяч просмотров.

  • @mihailsasov665
    @mihailsasov665 2 роки тому

    Спасибо

  • @Zabugailo
    @Zabugailo Рік тому

    Как добавить пункт "Удалить выделенное в Google Chrome?

  • @rtgRealTacticGames
    @rtgRealTacticGames 2 роки тому

    Давно хотел реализовать, только не с цитатами а с музыкой. В json такое себе, моя хотеть db вне хрома. Вот только как такой финт ушами реализовать🤔

    • @KhoroshilovEI
      @KhoroshilovEI  2 роки тому

      Сервер, простенькое API и запросы с бэкграунда.

  • @wennerryle1768
    @wennerryle1768 2 роки тому

    11:30 - начало написание расширения

  • @mihailsasov665
    @mihailsasov665 2 роки тому

    К сожалению дает ошибки, 1. на скрипт quotesBg.js строка 5: text: object.selectionText, 2. Unchecked runtime.lastError: Cannot create item with duplicate id quoteSave
    Контекст
    _generated_background_page.html
    Трассировка стека
    _generated_background_page.html:0 (анонимные функции)

  • @neochil
    @neochil 2 роки тому

    а как просто удалить пункты из контекстного меню?

    • @KhoroshilovEI
      @KhoroshilovEI  2 роки тому

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

  • @Mike_Vogelson
    @Mike_Vogelson 6 місяців тому

    нихера не ясно ..
    это качать разрешения нужно или какойто файл редактировать ??

  • @mihailsasov665
    @mihailsasov665 2 роки тому

    на черном фоне редактора плохо видно код(

    • @KhoroshilovEI
      @KhoroshilovEI  2 роки тому

      Спасибо, как вернусь к записи роликов, обязательно учту.