5

У меня нестандартная задача.
Вопрос:
Как подключить к сайту свой JavaScript ?

Т.е. к примеру, загрузился сайт в ВКонтакте, а в нем, кроме его скриптов, загружен еще мой , например кнопка нажимая на которую происходит клиент по не прочитанному сообщению.

Знаю, что в браузере возможно подключать CSS, но возможно ли это сделать для JavaScript с последующим подключением Bootstrap ?

Если есть какие нибудь предложения и идеи буду очень признателен.

3 ответа 3

7

Как подключить JavaScript или CSS без доступа к сайту?

подключаемся не стесняемся не проходм мимо добавляем свой любимый плагин в сравнительную таблицу

лично я, рекомендую User JavaScript and CSS

| имя                     | версия | браузер   | JS | CSS | имп | эксп | обл | ред | ру | - |
|-------------------------|--------|-----------|----|-----|-----|------|-----|-----|----|---|
| User JavaScript and CSS | 1.2.5  | C         | Y  | Y   | Y   | Y    | Y   | Y   | Y  | - |
| Tampermonkey            | 4.5    | С/F/S/E/O | Y  |     | /   | /    | -   | Y   | Y  | - |
| Stylish                 | 1.9.2  | C/F/S/O   |    | Y   | Y   | -    | Y   | -   | -  | - |
| -                       | -      | -         | -  | -   | -   | -    | -   | -   | -  | - |
| имя                     | версия | браузер   | JS | CSS | имп | эксп | обл | ред | ру | - |

| колонка | описание                      | - | сокращение | название браузера |
|---------|-------------------------------|---|------------|-------------------|
| версия  | рассмитриваемая здесь версия  | - | С          | Chrome            |
| браузер | C/F/S/E/O                     | - | F          | Firefox           |
| имя     | имя расширения                | - | S          | Safari            |
| JS      | JavaScript                    | - | E          | Microsoft Edge    |
| CSS     | CSS (не через JS а напрямую)  | - | O          | Opera Next        |
| имп     | импорт скрипта                | - | -          | -                 |
| эксп    | экспорт скрипта               | - | -          | -                 |
| обл     | храние на сервере / ?социалки | - | -          | -                 |
| ред     | редактор кода                 | - | -          | -                 |
| ру      | поддержка русского языка      | - | -          | -                 |
| -       | -                             | - | -          | -                 |

| ячейка | описание |
|--------|----------|
| Y      | да       |
|        | нет      |
| -      | не знаю  |
| /      | отчасти  |
| -      | -        |

User JavaScript and CSS 1.2.5

Свои JavaScript и CSS на любом сайте.
Userscript и userstyle — расширение позволяет запускать собственные скрипты и стили оформления на любых сайтах. JavaScript и CSS подключаются мгновенно, еще до загрузки страницы, поэтому результат выходит без задержек.

Преимущества:

  • Мгновенный запуск
  • Возможность добавлять свои библиотеки
  • Система URL масок позволяет гибко изменять список сайтов к которым будут применены изменения

chrome.google.com/webstore

В Н И М А Н И Е !! НАСТРОЙКИ -> БИБЛИОТЕКИ

Tampermonkey 4.5

Это бесплатное расширение браузера и самый популярный менеджер пользовательских скриптов для браузеров на базе Blink и WebKit, таких как Chrome, Microsoft Edge, Safari, Opera Next, и Firefox.
...
Кроме того, есть хорошие шансы на то, что несовместимые скрипты будут нормально работать при использовании Tampermonkey.

сайт

Stylish 1.9.2

Стильный интернет со Stylish, пользовательским менеджером стилей. Устанавливайте темы и скины для многих сайтов и создавайте свои.
...
Stylish предлагает темы и скины для сайтов и веб-аппликаций со всего мира, таких как
✔ Поисковые машины – Google, Baidu, Yahoo
✔ Социальные сети - Facebook, Twitter, Reddit, Whatsapp, Instagram, WeChat
✔ Сайты для разработчиков – Stackoverflow, Github, JIRA, Thunderbird
✔ Браузеры – Chrome, Firefox, Opera, Safari
...
Важная информация!
Мы охраняем конфиденциальность ваших личных данных
...
нам необходимо собирать данные о вашей активности в интернете
...
Подробнее об этом – в нашей Политике конфиденциальности на странице: userstyles.org/login/policy.

7
  • 1
    а где это можно найти? 6 мар 2018 в 10:13
  • 1
    @Максим147, обратите внимание на раздел настройки -> библиотеки
    – qwabra
    6 мар 2018 в 10:20
  • посмотрите в сторону chrome/mozilla extesnion. Не так сложно написать свой, который будет инджектить стили скрипты в нужные вам урлы
    – slowBro
    6 мар 2018 в 10:33
  • 3
    @qwabra не вижу, что вам мешает улучшить ответ? У него 2 тревоги. Рано или поздно кто-то его исправит или удалит.
    – Nofate
    6 мар 2018 в 11:57
  • 1
    @qwabra все важное должно быть в ответах, а не в комментариях.
    – Nofate
    6 мар 2018 в 11:58
2

Расширение GreaseMonkey. Можно использовать чтобы писать js код для любой страницы.

3
  • Для Chrome Tampermonkey, он же работает и для других браузеров. 6 мар 2018 в 11:24
  • 1
    @ДмитрийПолянин, зато User JavaScript and CSS на русском ) думаю стоит отредактировать ответ, и добавить туда Tampermonkey с уточнением кто для лиса кто для хрома
    – qwabra
    6 мар 2018 в 11:35
  • Ну и похоже в нем нельзя редактировать CSS (не через JS) что тоже обидно.
    – Telion
    6 мар 2018 в 17:30
0

User JavaScript and CSS - Расширение для Chrome - Ссылка

Свои JavaScript и CSS на любом сайте Userscript и userstyle — расширение позволяет запускать собственные скрипты и стили оформления на любых сайтах. JavaScript и CSS подключаются мгновенно, еще до загрузки страницы, поэтому результат выходит без задержек.

Преимущества: - Мгновенный запуск - Возможность добавлять свои библиотеки - Система URL масок позволяет гибко изменять список сайтов к которым будут применены изменения

1

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.