User JavaScript and CSS

User JavaScript and CSS - расширение для браузера Google Chrome, и ему подобных, позволяет внедрить свой JavaScript и CSS код на указанную страницу. С помощью этого дополнения можно добавить необходимый функционал на интересующую вас страницу (JavaScript), и так же изменить ее внешний вид (CSS, JavaScript + CSS).



Содержание


Ссылка на скачивание

Данное расширение, как было сказано выше существует (возможно только на данный момент) только для браузеров на движке 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 встроенным скриптом.


Загружаем страницу.


Забыл добавить, количество скриптов для каждой станицы не ограничено.