Содержание
Ссылка на скачивание
Данное расширение, как было сказано выше существует (возможно только на данный момент) только для браузеров на движке Chromium и ему подобных.
Скачать данное расширение можно с магазина Chrome по ссылке https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld.
Данное расширение работает в мобильной версии Яндекс.Браузера.
Пользователям других браузеров, стоит взглянуть на расширение под названием TamperMonkey. Оно кросс-браузерное, и позволяет выполнять только JavaScript код.
Краткий обзор
Установленное расширение имеет следующий значок.
Перейдя на целевой сайт, в который вы хотите внедрить ваш код JavaScript/CSS, необходимо нажать на значок данного расширения, и в появившемся окошке нажать на кнопку "Добавить".
В окне браузера откроется новая вкладка расширения User JavaScript and CSS. Собственно, в данной вкладке необходимо будет ввести необходимый вам код JavaScript/CSS.
Окно ввода кода, разделено на две части. В левой вводится код JavaScript, а в правой CSS.
В верхней части страницы присутствуют поля для ввода названия подгружаемого скрипта в панели расширения, и адрес сайта, для которого будет применяться данный скрипт.
Поле названия может быть пустым, тогда вместо него будет использован адрес сайта.
С названием все будет выглядеть иначе, и осмысленнее.
Что касается поля адреса сайта, тот тут есть определенные правила. Вы можете указывать как действие скрипта как на весь сайт целиком, так и на конкретный его раздел. Примеры описаны в документации к расширению (оно расположено в настойках).
В настройках расширения можно использовать любые внешние библиотеки которые вам потребуются. JQuery при этом уже подключен по умолчанию.
В секции настроек, можно выгрузить имеющуюся конфигурацию плагина и всех имеющихся скриптов, или загрузить ранее выгруженную конфигурацию. Причем доступны варианты с выгрузкой в облако.
Кроме этого можно так же настроить параметры редактора, такие как размер шрифта, отступов, и темы оформления.
Написанный скрипт, применится только после перезагрузки целевой страницы после нажатия кнопки сохранить.
И, небольшой пример смены лого и цвета фона для сайта google.com встроенным скриптом.
Загружаем страницу.
Забыл добавить, количество скриптов для каждой станицы не ограничено.