Делаем расширение для Google Chrome | JavaScript | JS
HTML-код
- Опубликовано: 20 май 2021
- Обучение программированию: курс-программирование.рф/?utm...
Сделал несложное расширение для Google Chrome. В этом видео, вы научитесь:
-Писать расширения, управляющие контентом сайтов
-Делать инъекции js и css-кода в тело сайта
-Использовать локальное хранилище браузера Chrome (storage, localStorage)
Исходный код: github.com/keitmn/clocks_chro...
#js #javascript #chromeextension #расширение для браузера 
Наука
Большое Вам спасибо за этот наиполезнейший урок. Надеюсь в дальнейшем сделаете больше подобных видео на эту тему. К сожалению, в интернете очень мало информации про браузерные расширения.
Спасибо за комментарий! Скоро появятся новые уроки. Не было возможности записывать. :(
Урок огонь! Спасибо!
супер! огромное спасибо)
Круто спасибо!)
Топ видос
Потрясающие видео, как раз все о чем говорил автор я и хотел научиться, Евгений, Вы большой молодец )). Со стрелочной функцией у меня кстати почему-то все работает как по задумке, и с обычной тоже. Разница между ними в this, я так понимаю. Кстати, насколько безопасно это хранилище гугла (chrome.storage.local) ? В плане может ли другой сайт или другое расширение получить доступ к моему локальному хранилищу ?
А чем storage Гугла лучше обычного localStorage, чтобы для него запрашивать разрешение?
У вас приятный голос.
Спасибо)
Подскажите как решить данную проблему, откладка страниц service worker (неактивно). При загрузки расширение. Что может быть? Заранее вам спасибо)
Привет, хорошее видео. Я предполагаю что ошибка была из-за того, что у стрелочной функции нет this и this = window, а при использовании function declaration this указывает на chrome отчего все работает?
Здравствуйте! Супер полезное видео👍 вот хочу сделать одно расширение но думаю кажется сам не смогу. Можно ли будет вам отправить и узнать сколько стоило бы создать такое расширение?
Правильно ли я понял что процесс разработки под firefox и chrome идентичен?
Здравствуйте можно ли как то с вами связаться?хотелось бы узнать про написание скриптов для сайта меняя расширения хрома.
Подскажите, есть одно расширение помощник для браузерной игры так сказать и оно платное , я его покупал но с недавних пор сайт пропал и расширение не работает . Устанавливалось расширение следующим образом - скачивал архив , распаковывал его, потом включал режим разработчика и добавлял это расширение , после чего было 50 минут пробной затем платить , так вот вопрос реально с этого архива выткнуть скрипт и запускать его
Добрый день!
Код мог быть прогнан через обфускатор и, как следствие, с ним в таком виде невозможно работать. Вероятность этого достаточно высокая. Поэтому, не видя кода, невозможно что-то сказать. Учитывая, что расширение распространялось через архив, вероятность жесткой обфускации стермиться к 100%.
Для примера можно взять функцию alert. Вот так выглядит код, который выводит сообщение "1": alert(1);
Вот этот же код, обфусцированный особым образом:
[][(![]+[])[+[]]+([![]]+[][[]])[+!+[]+[+[]]]+(![]+[])[!+[]+!+[]]+(!![]+[])[+[
]]+(!![]+[])[!+[]+!+[]+!+[]]+(!![]+[])[+!+[]]][([][(![]+[])[+[]]+([![]]+[][[]
])[+!+[]+[+[]]]+(![]+[])[!+[]+!+[]]+(!![]+[])[+[]]+(!![]+[])[!+[]+!+[]+!+[]]+
(!![]+[])[+!+[]]]+[])[!+[]+!+[]+!+[]]+(!![]+[][(![]+[])[+[]]+([![]]+[][[]])[+
!+[]+[+[]]]+(![]+[])[!+[]+!+[]]+(!![]+[])[+[]]+(!![]+[])[!+[]+!+[]+!+[]]+(!![
]+[])[+!+[]]])[+!+[]+[+[]]]+([][[]]+[])[+!+[]]+(![]+[])[!+[]+!+[]+!+[]]+(!![]
+[])[+[]]+(!![]+[])[+!+[]]+([][[]]+[])[+[]]+([][(![]+[])[+[]]+([![]]+[][[]])[
+!+[]+[+[]]]+(![]+[])[!+[]+!+[]]+(!![]+[])[+[]]+(!![]+[])[!+[]+!+[]+!+[]]+(!!
[]+[])[+!+[]]]+[])[!+[]+!+[]+!+[]]+(!![]+[])[+[]]+(!![]+[][(![]+[])[+[]]+([![
]]+[][[]])[+!+[]+[+[]]]+(![]+[])[!+[]+!+[]]+(!![]+[])[+[]]+(!![]+[])[!+[]+!+[
]+!+[]]+(!![]+[])[+!+[]]])[+!+[]+[+[]]]+(!![]+[])[+!+[]]]((![]+[])[+!+[]]+(![
]+[])[!+[]+!+[]]+(!![]+[])[!+[]+!+[]+!+[]]+(!![]+[])[+!+[]]+(!![]+[])[+[]]+(!
[]+[][(![]+[])[+[]]+([![]]+[][[]])[+!+[]+[+[]]]+(![]+[])[!+[]+!+[]]+(!![]+[])
[+[]]+(!![]+[])[!+[]+!+[]+!+[]]+(!![]+[])[+!+[]]])[!+[]+!+[]+[+[]]]+[+!+[]]+(
!![]+[][(![]+[])[+[]]+([![]]+[][[]])[+!+[]+[+[]]]+(![]+[])[!+[]+!+[]]+(!![]+[
])[+[]]+(!![]+[])[!+[]+!+[]+!+[]]+(!![]+[])[+!+[]]])[!+[]+!+[]+[+[]]])()
Можно скопировать в консоль и протестировать, код рабочий)
Можете сделать видео с manifest_version 3
Почему мое расширение постоянно нужно самому запускать его, а у вас на одном запустил и работает на других тоже?
На стронице расширений показуется ошибка в JS 17 строка.
скину ссылку на видос друзьям
Установил показует ошибку что версия 2 не актуальна ! Заменил в коде 2 на 3 теперь ошибку не показует и часы не показует((( *_после токиз видео грустно_* они дематевируют!
Поддержка расширений манифеста v2 прекращена с января 2022 года! При чем тут видео? Технологии устаревают. Это стандартный процесс. Без соответствующих изменений (приведение всего к стандартам v3) расширение в хроме работать не будет. Просто циферку поменять не выйдет. Проблема не в видео, а проблема в вас и в вашей лени. Гуглится все за 3 секунды.
В последних версиях Chrome не работает.
Да уж,... собственно, для работы с BinanceAPI и интересуюсь, так что разработка такого расширения, мягко говоря, будет, лично для меня, интересна.....
Хотелось бы расширение, с помощью которого, можно было бы манипулировать ордерами прямо на графике, как на самой бирже, так и на TradingView, а также, возможность отслеживать состояние счета и ордеров в попапе ,... это, скажем так, базовый желаемый функционал.....
Интересная мысль по поводу расширения. Нужно будет выделить время и накидать что-то вразумительное. Почему бы и нет.
Что касается TradingView, я миллион лет назад сталкивался с PineScript. Но вроде бы тогда нельзя было ордера отправлять. Сейчас ситуация не изменилась? Если нет, то в целом, со стороны расширения для браузера можно зайти.
@@KhoroshilovEI Пробежался взглядом по доке ПайнСкрипт, не увидел там возможности как-то работать с ордерами, также, как и не увидел возможности подключить для торговли Бинанс, разве что, может, в платной подписке есть такая возможность...
А создать расширение по работе с BinаnceAPI мне кажется хорошей идеей, поскольку, задача, в целом, не тривиальна, потенциал идей для расширения функциональности, как и потенциал полезности, по сути, может быть почти безграничным, да и переупаковать все это добро можно тоже почти во все, что угодно, например, с помощью того же Квазара, который, кстати, помимо десктопа, мобайла, веба (в т.ч. PWA), также поддерживает и браузерные расширения...
я немного изменил в стиле поменял top на 10px
в итоге в чем разница стрелочной от не стрелочной функции?
Не стрелочная функция - это функция, которую ты создаешь и можешь использовать где угодно и когда угодно (не учитывая ее приватность)
А стрелочная функция - это так называемая лямбда функция (анонимная), которая более компактная, и использовать ее можно только в месте ее объявления.
Простыми словами, если тебе нужна функция, которая используется один раз за весь код (например для большинство случаев eventListener), то используй стрелочную функцию. Если нужна функция, которая используется в разных частях кода и по несколько раз, то используй обычную.
@@vefixx4034 спс