Как сделать простое расширение/пользовательский js для браузера?

Question

[Zolg]

Необходимо сделать расширение к браузеру, которое после загрузки страницы определенного сайта находит в dom определенный элемент (он может прилетать не в html-исходнике, а формироваться на стороне браузера), берет из него текст, отправляет запрос с этим текстом на внешний сервис и выводит ответ сервиса в другой элемент dom'а.

С фроненд разработкой опыта нет, с расширениями браузеров - еще меньше ), но с написанием логики самого кода я как-нибудь разберусь. А вот как его внедрять (именно расширение ? подгружаемый скрипт ? что-то еще ?) и как обеспечить его вызов в нужное время - совершенно непонятно.

Буду сильно благодарен за ссылку на статьи с разобранными подобными примерами.
Браузер, тип расширения, протокол взаимодействия с внешним сервисом устроят любые.

Answer 1

[Надим]

Расширение которое будет запускать какой-то код на сайте делает очень просто, другое дело что даже это самое просто мне лично сейчас лень объяснять, да и не до этого пока. Из простых решений рекомендую:
https://chrome.google.com/webstore/detail/custom-j...
Это стороннее расширение позволяющие запускать свой код на чужих сайтах.

Comments

[Zolg]

Вау, это прямо то, что нужно. Спасибо.

[Надим]

Zolg, только имейте в виду, что конкретно в этом расширении есть ограничение по размеру запускаемого кода. Если упретесь в него, то можете сделать следующее, сам код разместить где-нибудь во вне, например залить на свой сайт, а через расширение просто подключать его:

$(function() {
    $.getScript('https://yousite.ru/ajax/test.js')
});

https://itchief.ru/javascript/jquery-shorthand-aja...