Tampermonkey

Поделиться
HTML-код
  • Опубликовано: 9 ноя 2024

Комментарии • 105

  • @СалтанатСибирцева-р5е

    Слава Богу! Побольше бы таких умов как вы!

  • @alfo-qd1me
    @alfo-qd1me 5 лет назад +12

    *1:58** когда забыл, что хотел сказать и пытаешься вспомнить...*

  • @Эклер-р5о
    @Эклер-р5о 3 года назад

    огромное спасибо за ваш труд

  • @suragatwirus3416
    @suragatwirus3416 4 года назад +7

    Это "очень увлекательно" прям как для новичков рассказали о тамперманки, но ни слова от том как писать скрипты, а это гараздо важнее!!!

  • @Emelianovich-wb4td
    @Emelianovich-wb4td 9 месяцев назад

    спасибо!!! ты самый лучший

  • @ВладиславС-я9э
    @ВладиславС-я9э 3 года назад +1

    Спасибо, очень клево объяснили!

    • @HtmllabRu
      @HtmllabRu  3 года назад

      Рад, что ролик понравился)

  • @s_marsa4979
    @s_marsa4979 Год назад +1

    Для написания скриптом какой яп используется?

    • @HtmllabRu
      @HtmllabRu  Год назад +2

      JavaScript

    • @s_marsa4979
      @s_marsa4979 Год назад

      @@HtmllabRu можете посоветовать сайт с документацией по нему, для ознакомления. Хочу для работы скрипт добавить

    • @HtmllabRu
      @HtmllabRu  Год назад +2

      @@s_marsa4979 developer.mozilla.org/ru/docs/Web/JavaScript, learn.javascript.ru/,

  • @ЮрийНазаров-в2ф
    @ЮрийНазаров-в2ф 5 лет назад +4

    Ничего не понял, но было круто!

  • @magneum
    @magneum 2 года назад

    Спасибо

  • @Александр-ш3ы1х
    @Александр-ш3ы1х 5 лет назад +1

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

  • @MK-007
    @MK-007 3 года назад +1

    Как сделать так, что бы консоль внизу открывалась, а не сбоку?

    • @HtmllabRu
      @HtmllabRu  3 года назад +1

      Если речь о браузерной консоли (по F12), то когда её откроете, выберите в её верхней правой части (рядом с шестеренкой) три точки, а внутри нужный способ отображения консоли "Dock side"

  • @alonbrayn4657
    @alonbrayn4657 5 лет назад +1

    Лаааааааааааааааааааааайк

  • @pisec3788
    @pisec3788 7 лет назад +1

    знать бы еще как эти команды создавать
    может где то есть статейки?

    • @HtmllabRu
      @HtmllabRu  7 лет назад +3

      JavaScript? learn.javascript.ru/

  • @Владислав-я6э3з
    @Владислав-я6э3з 3 года назад

    Ахринеть

  • @MrEasyskanker
    @MrEasyskanker 6 лет назад +2

    Почему этот TamperMonkey вообще не может работать? "Нет запущенных скриптов", хотя всё включено и откомпилено. Что ему в этой жизни не хватает?!

  • @ivannovikov5492
    @ivannovikov5492 6 лет назад +1

    Как можно самостоятельно написать скрипт, чтобы скачивать видео с RUclips? Если это сложно, то как можно проверить готовый скрипт с сайта на наличие вируса? Спасибо.

  • @Youtooobo
    @Youtooobo 3 года назад

    Спасибо!

  • @neochil
    @neochil 2 года назад

    Где взять скрипты?

  • @MK-007
    @MK-007 3 года назад +1

    А как сделать темную тему для всего "Хром"?

    • @HtmllabRu
      @HtmllabRu  3 года назад

      Это вопрос больше к разработчикам тем к браузеру. Tampermonkey максимум может задать наше оформление для всех сайтов, для этого нужно задать звездочку в match, но сам браузер кастомизировать не получится

    • @MK-007
      @MK-007 3 года назад

      @@HtmllabRu хотел скинуть вам пример скрипта для обсуждения
      Но ютюб его видать удалил
      У вас есть телеграмм?

    • @HtmllabRu
      @HtmllabRu  3 года назад +1

      Давайте сюда через pastebin.com - мессенджеры отвлекают

    • @MK-007
      @MK-007 3 года назад

      @@HtmllabRu а по разработке тем у вас видео есть?

    • @MK-007
      @MK-007 3 года назад

      Постбин: qjKLPc3J

  • @shvompe1072
    @shvompe1072 10 месяцев назад

    Подскажите, а как заменить определенный текст?

    • @HtmllabRu
      @HtmllabRu  10 месяцев назад

      Я бы сделал так: вручную нашёл через F12 в исходном коде страницы в каком HTML -элементе находится искомый текст.
      Затем нашёл бы в скрипте этот элемент через const element = document.querySelector(ТУТ_НУЖНЫЙ_СЕЛЕКТОР)
      (1) если это не элемент формы (в смысле div или section) , то element.innerHTML = element.innerHTML.replace('ИСХОДНЫЙ', 'НУЖНЫЙ')
      (2) если элемент формы (типа textarea, input, select), то
      element.value = element.value.replace('ИСХОДНЫЙ', 'НУЖНЫЙ')

    • @shvompe1072
      @shvompe1072 9 месяцев назад

      @@HtmllabRu я профан в этой теме. Получается так, селектор это id. Но у меня нету ни 1 id в коде элемента. У меня идет
      и дальше иду
      Между tr и /tr идет текст и именно "текст" мне надо заменить

    • @HtmllabRu
      @HtmllabRu  9 месяцев назад

      @@shvompe1072 селектор по id - это строка типа "#foo". Но можно сделать селектор по классу, он может быть ".foo" для элемента с class="foo", как тут ruclips.net/video/daoaQqfWpQo/видео.html

    • @shvompe1072
      @shvompe1072 9 месяцев назад

      @@HtmllabRu Я нажал пкм по элементу, после нажал копировать селектор. Выдало это body > main > div.main-container > div:nth-child(8) > table > tr:nth-child(2) > td:nth-child(2)

    • @HtmllabRu
      @HtmllabRu  9 месяцев назад

      @@shvompe1072 все сделали норм, только поскольку там таблица, будет проблема с пропущенным tbody. Попробуйте "body > main > div.main-container > div:nth-child(8) > table > tbody > tr:nth-child(2) > td:nth-child(2)" или сократить до "tbody tr:nth-child(2) > td:nth-child(2)"

  • @WonderfulDay2023
    @WonderfulDay2023 Год назад

    А как отредактировать время выполнения скрипта? чтоб он скажем так выполнялся допустим минуту на определенном сайте...

    • @HtmllabRu
      @HtmllabRu  Год назад

      Воспользуйтесь setTimeout. Также, для запоминания информации, может пригодится localStorage

  • @antonburton9454
    @antonburton9454 2 года назад

    Можно ли через это расширение перемещать элементы Вк ?

    • @HtmllabRu
      @HtmllabRu  2 года назад

      Можно, но если перемещаемый элемент динамически отрисовывается приложением, могут возникнуть артефакты

  • @semuel4591
    @semuel4591 2 года назад

    Приветствую. А можешь подсказать как установить правильно Orange monkey. Я его установил на хром но как активировать нужный скрипт. Для правильной работы Savefrom помощник. Там их много разных но они не загружаются. Виндовс 7. Скачивал с магазина расширений.

    • @HtmllabRu
      @HtmllabRu  2 года назад

      Спасибо, не знал об этом UserScript-плагине. У меня получилось так: в новом скрипте нажал кнопку Meta (она справа от заголовка Script Editor), и в поле "Matches" внёс url сайта, на котором скрипт должен срабатывать.

    • @semuel4591
      @semuel4591 2 года назад

      @@HtmllabRu Что то подобное было один раз. Только не знаю какой адрес туда внести В основном нужно для скачивания с Ютюба. Значит туда URL Ютюба внести? Я уже как то ставил это расширение и было как то проще все, нужный скрипт уже был и я его активировал. Пришлось переустановить систему и теперь все как то не так. Может скачать не из магазина?

    • @semuel4591
      @semuel4591 2 года назад

      Не могу добавить URL Ютюба. выдаёт ошибку. Какой там точно URL не подскажите. Многие жалуются что не работает или память много жрёт эта оранжевая макака. Но раньше все было норм.

  • @MK-007
    @MK-007 3 года назад

    В текстовом формате эти скрипты есть?
    Что то у меня ничего не получается

    • @HtmllabRu
      @HtmllabRu  3 года назад

      Для этого примера не сохранил код, но набросал для изменения фона любого сайта: pastebin.com/evx731EA
      Если нужно будет экспериментировать с произвольным сайтом, внесите его название вместо символ звёздочки "*" вот тут
      // @match *

  • @syntez
    @syntez 3 года назад

    так и не понял нафиг оно нужноо

  • @AlexanderAmatorys
    @AlexanderAmatorys 7 лет назад +1

    круто

  • @DanRotaru-1
    @DanRotaru-1 6 лет назад +1

    Я 1 создаю расширение и пишу уже там все скрипты

  • @ddum
    @ddum 3 года назад

    Видео заболкированно...

  • @MK-007
    @MK-007 3 года назад +1

    Pr8qncLs
    Паст Бин
    что то не работает даже даже алерт((
    может я что то не то делаю?

  • @helgahelga8162
    @helgahelga8162 3 года назад

    Почему Бесплатное? Зачем обманывать? Потом постоянно канючит пожертвование, а если не внесешь, не работает.

    • @HtmllabRu
      @HtmllabRu  3 года назад

      Дома работает несколько лет и не разу не попросило пожертвования. Сейчас сижу на работе - установил, тоже работает и не просит ничего. Вы уверены что именно Tampermonkey просит у вас деньги?

  • @sereto-z5u
    @sereto-z5u 2 года назад

    блин, это то, что мне нужно, но необходимо чтобы скрипт запускался после полной прогрузки страницы, вместе с расширениями, а то прогружается ванильный сайт, потом скрипт тамперманкей и только потом расширения, хотелось бы последние два поменять местами. Никто не подскажет как это можно реализовать?

    • @HtmllabRu
      @HtmllabRu  2 года назад

      попробуйте обернуть код в setTimeout и подобрать время за которое страница подгружается

    • @sereto-z5u
      @sereto-z5u 2 года назад

      @@HtmllabRu спасибо большое, попробую. Подписался в благодарность к вашей активности в коментариях)

    • @sereto-z5u
      @sereto-z5u 2 года назад

      @@HtmllabRu и еще одно спасибо))) все сработало

  • @loyalcards
    @loyalcards 6 лет назад +1

    Как написать что бы скрипт нажимал на кнопку?

    • @HtmllabRu
      @HtmllabRu  6 лет назад +3

      нужно запустить функцию типа
      function simulateClick() {
      var event = new MouseEvent('click', {
      'view': window,
      'bubbles': true,
      'cancelable': true
      });
      var cb = document.getElementById('checkbox');
      var canceled = !cb.dispatchEvent(event);
      if (canceled) {
      // A handler called preventDefault.
      alert("canceled");
      } else {
      // None of the handlers called preventDefault.
      alert("not canceled");
      }
      }
      developer.mozilla.org/ru/docs/Web/Guide/Events/%D0%A1%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5_%D0%B8_%D0%B2%D1%8B%D0%B7%D0%BE%D0%B2_%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D0%B9
      только вместо document.getElementById('checkbox'); прописать селектор для нужной кнопки

    • @HtmllabRu
      @HtmllabRu  6 лет назад

      Если кнопка стандартная, можно просто вызвать метод .click() у самой кнопки ruclips.net/video/a6O99R5l7fU/видео.html

  • @deadinside1410
    @deadinside1410 6 лет назад

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

    • @HtmllabRu
      @HtmllabRu  6 лет назад

      попробуйте обновиться или использовать какой-нибудь JavaScript Beautifier.

  • @TatianaYasina
    @TatianaYasina 3 года назад

    Здравствуйте. У меня здесь появился новый подписчик, но он скрыт настройками его канала. Есть подозрение, что это англоязычный человек (хотя мне это странно с учётом, что у меня всего 8 видео и последняя загрузка 2017 год). Срочно думаю над обновлением своего канала и контента, поэтому бы хотелось знать нет ли какого-то скрипта, который помог бы увидеть скрытых подписчиков для лучшего понимания своей аудитории.

    • @HtmllabRu
      @HtmllabRu  3 года назад +1

      Татьяна, здравствуйте. Если зайти в Творческую студию и на панели управления найти "Новые подписчики", а затем выбрать временной диапазон "Все время", то появляется список подписчиков и это значит, что список можно собирать/смотреть при помощи Tampermonkey. Но не уверен, что это будет полным ответом на ваш вопрос

    • @TatianaYasina
      @TatianaYasina 3 года назад

      @@HtmllabRu Я могу видеть только тех, кто не скрыт настройками приватности. Я смотрела по-всякому, но у меня не получается увидеть того, кто подписался на меня 13 апреля. Надеялась, что это можно было бы сделать при помощи Tampermonkey.

    • @TatianaYasina
      @TatianaYasina 3 года назад

      @@HtmllabRu Не получается скопировать, чтобы поэкспериментировать, но я вижу class=opened, когда смотрю элемент. Может быть в Tampermonkey нужно поменять что-то как раз в этой части, чтобы было видно всех?

    • @HtmllabRu
      @HtmllabRu  3 года назад +1

      @@TatianaYasinaесли открыли список, как я указал вышел, то видите перед собой набор из 10 подписчиков. В консоли браузера можно найти элементы связанные с ними по классу subscriber-info-name, вот так document.querySelectorAll('.subscriber-info-name')
      Далее. Сама кнопка "На следующую страницу" (которая отображается знаком больше) находится запросом const btn = document.querySelector('#navigate-after'), а имитировать нажатие можно методом click() вот так btn.click(). Если нужно найти всех подписчиков, то вооружаетесь (создаёте) таймером и получаете наборы подписчиков, не забывая сохранять их куда-нибудь в localStorage.

    • @TatianaYasina
      @TatianaYasina 3 года назад

      @@HtmllabRu Спасибо! Буду пробовать!

  • @Serakez
    @Serakez Год назад

    Из него есть доступ к браузерным API и привилегированному коду или работа только в контексте window на уровне песочницы?

    • @HtmllabRu
      @HtmllabRu  Год назад +1

      К браузерным API доступ есть👍 Тестил localStorage и геолокацию.

  • @thetemafan
    @thetemafan 5 лет назад

    Как его удалить?

    • @HtmllabRu
      @HtmllabRu  5 лет назад

      Правой кнопкой на значке расширения или через дополнительные расширения в меню браузера

    • @ReiA.22
      @ReiA.22 5 лет назад

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

  • @easymoney536
    @easymoney536 6 лет назад

    помогите написать правельное решение для кода html 0 нужно поменять 0 на 1

    • @HtmllabRu
      @HtmllabRu  6 лет назад

      codepen.io/anon/pen/WaWJow?editors=1010, но думаю это не основная ваша цель

    • @easymoney536
      @easymoney536 6 лет назад +1

      @@HtmllabRu огромное человеческое спасибо

    • @easymoney536
      @easymoney536 6 лет назад

      @@HtmllabRu vk.com/segr2018 это моя страничка

  • @ReiA.22
    @ReiA.22 5 лет назад

    Как его убрать?!

    • @HtmllabRu
      @HtmllabRu  5 лет назад

      Через расширения google. В браузере есть пункт меню типа «дополнительные инструменты»

    • @HtmllabRu
      @HtmllabRu  5 лет назад

      Можно правой кнопкой мыши на значке расширения и "Удалить из Chrome"

    • @ReiA.22
      @ReiA.22 5 лет назад

      @@HtmllabRu, там написано скачано вашей организацией и переключатель не переключается

    • @HtmllabRu
      @HtmllabRu  5 лет назад

      @@ReiA.22 хм, сейчас проверил оба варианта - сработали (ruclips.net/video/QK1N8haoKCU/видео.html) . Я спросил бы устанавливали стандартно или скачивали пакет вручную, но с подобным не сталкивался. Возможно стоить попробовать вручную в папках Chrome его попробовать удалить

  • @upwards
    @upwards 5 лет назад +1

    Здравствуйте! Чтобы изменить фон колонок (класс page_block) в ВК, указываю путь:
    document.page_block.style.background = "#000000";
    Подскажите пожалуйста где я ошибся.

    • @HtmllabRu
      @HtmllabRu  5 лет назад +1

      var array = document.querySelectorAll('.page_block');
      array.forEach( function(block) {
      block.style.background = "#000000";
      block.style.color = "#fff";
      });
      т.е. элементы с классами сначала нужно найти, потом покрасить

    • @upwards
      @upwards 5 лет назад

      @@HtmllabRu Благодарю за помощь! То есть с помощью document.querySelectorAll мы находим элементы нужного класса, и добавляем в style наши параметры стиля. Код работает, но по какой-то причине после перехода по ссылке все наши параметры сбрасывается, а после обновления страницы применяются

    • @HtmllabRu
      @HtmllabRu  5 лет назад

      @@upwards потому что React показывает блоки с классами, которые мы ещё не изменили. Можно вставить костыль типа
      setInterval(function(){
      var array = document.querySelectorAll('.page_block');
      array.forEach( function(block) {
      block.style.background = "#000000";
      block.style.color = "#fff";
      });
      }, 1000);
      тогда наш код каждую секунду будет менять стили. Это очень грязные, но быстрый подход:)

    • @upwards
      @upwards 4 года назад +1

      @@HtmllabRu получилось. спаси Господь!

  • @dmizip
    @dmizip 4 года назад

    АЛЕКСЕЙ ПРОШУ ОЧЕНЬ НАДО ВАША ПОМОЩЬ, скажите пожалуйста как заменить текст или же номер ( к примеру на біл +7356255114 а стал +777777777777)

    • @HtmllabRu
      @HtmllabRu  4 года назад

      Проще всего найти в каком элементе находится нужный номер, то есть посмотреть внутреннюю структуру страницы, а потом найдя элемент взять у него innerHTML и у этого свойства вызвать строковый метод replace(). Можно и по-другому, пройтись рекурсивно проверяя строки на вхождение и проверить вхождение.
      Набросал пример jsbin.com/bixoduqepo/edit?html,output Заменяю всё без проверки - это не очень правильно, но поможет вам продвинуться с решением задачи

  • @sevgenberg585
    @sevgenberg585 6 лет назад +1

    А как подключить свой файл со своим скриптом в тампермонкей?Хлопцы кто знает?