Игровой курс по основам программирования: [ Ссылка ]
В этом видео поговорим о создании плагинов для браузера Chrome. Будем говорить именно на примере Chrome, потому что это самый популярный браузер в мире. Тем более создание плагинов для других браузеров (например для Firefox) выглядит очень похоже.
Для начала я расскажу, что такое плагины и какие задачи они решают. Затем рассмотрим примеры нескольких популярных плагинов, после чего перейдем к практике и я покажу, как создать свой плагин для браузера Chrome. Плагин, который мы будем создавать - это блокировщик сайтов. Несколько месяцев назад я написал такой плагин и заблокировал себе Youtube, в результате чего у меня освобоилось по несколько часов свободного времени каждый день.
Начнем с определения, что такое плагин (в общем, а не только для браузера). Согласно википедии, плагин - это независимый програмный модуль, динамически подключаемый к основной программе. Основная цель плагина - расширение возможностей основной программы. В случае с плагинами для браузера, основная программа - это браузер. Но плагины можно также создавать и для других программ, например для программы Photoshop или для среды разработки Visual Studio Code.
Давай рассмотрим несколько примеров популярных плагинов для браузера. Один из самых популярных плагинов для браузера это конечно же adblock - плагин, который блокирует рекламу в интернете. Большой популярностью пользуется также Grammarly - то есть плагин, подсказывющий, как правильно писать текст на английском языке. Плагин dark reader позволяет на любом сайте включить темную тему, а плагин Google Keep дает возможность удобно оставлять заметки.
Есть 2 основных способа, как создать плагин для браузера. Первый - это создать плагин с нуля. Но для тех, кто лишь начинает изучать программирование - это далеко не лучший способ. Во-первых, это достаточно сложно и такой способ требует знаний нескольких разных языков - это HTML, CSS, JS и умения работать с форматом данных JSON для написания конфигурации плагина. Во-вторых это долго, а чтобы не терять запал и желание учиться на практике очень важно создавать что-то, что работает как можно быстрее. Второй способ - это написание User Scripta.
User Script - это небольшая программа в языке Javscript, которая запускается на некоторых веб-страницах. При чем мы можем сами определить, когда и на каких именно сайтах должен запускатья наш User script.
Написать user-script можно, зная лишь основы Javascript. Пишутся user-script’ы довольно быстро. Но конечно у них есть некоторые ограничения. Например, ты не сможешь установить свою иконку для User-scripta и не сможешь добавить user-script в магазин плагинов от Chrome и для того чтобы запускать свои User-script’ы нужно установить специальный плагин. Тем не менее даже для опытного программиста написание User-script’a может быть лучшим выбором, чем создание плагина с нуля. Потому что Javascript на веб-страницах - это очень мощный инструмент и если хорошо его освоить - то даже с помощью User-script’a можно выполнить практически любую задачу. Именно поэтому в этом видео я покажу создание плагина с помощью User-script’ов.
Для создания и запуска user-script’ов нужно установить специальный плагин. Есть 3 популярных плагина для user-script’ов, это: Violentmonkey, Greasemonkey и Tampermonkey. Я рекомендую использовать violentmonkey, потому что у него самый удобный и простой интерфейс. Все эти плагины ( в том числе Violentmonkey) в своем интерфейсе используют английский язык, но это не должно создать большой сложности, потому что там не так уж много слов. Кстати, знания английского языка - это очень важный скилл для программиста. Потому что в интернете гораздо больше информации доступно именно на английском. Кроме того, зная английский, можно начать работать с клиентами из заграницы и тем самым увеличить свою и так приличную зарплату в два, а то и три раза. Это я проверил на личном опыте.
Начнем с установки плагина Violentmonkey. Для этого вобьем в Google Violentmonkey и кликнем на первый результат. Я также оставлю ссылку на установку этого плагина под видео.
В результате, мы создадим очень простой, но тем не менее очень полезный плагин для блокировки сайтов, которые забирают слишком много времени.
Ещё видео!