Tampermonkey - это бесплатное расширение браузера и популярный менеджер UserScript пользовательских скриптов для браузеров Chrome, Microsoft Edge, Safari, Opera Next, и Firefox
Как можно самостоятельно написать скрипт, чтобы скачивать видео с UA-cam? Если это сложно, то как можно проверить готовый скрипт с сайта на наличие вируса? Спасибо.
Если речь о браузерной консоли (по F12), то когда её откроете, выберите в её верхней правой части (рядом с шестеренкой) три точки, а внутри нужный способ отображения консоли "Dock side"
Для этого примера не сохранил код, но набросал для изменения фона любого сайта: pastebin.com/evx731EA Если нужно будет экспериментировать с произвольным сайтом, внесите его название вместо символ звёздочки "*" вот тут // @match *
Приветствую. А можешь подсказать как установить правильно Orange monkey. Я его установил на хром но как активировать нужный скрипт. Для правильной работы Savefrom помощник. Там их много разных но они не загружаются. Виндовс 7. Скачивал с магазина расширений.
Спасибо, не знал об этом UserScript-плагине. У меня получилось так: в новом скрипте нажал кнопку Meta (она справа от заголовка Script Editor), и в поле "Matches" внёс url сайта, на котором скрипт должен срабатывать.
@@HtmllabRu Что то подобное было один раз. Только не знаю какой адрес туда внести В основном нужно для скачивания с Ютюба. Значит туда URL Ютюба внести? Я уже как то ставил это расширение и было как то проще все, нужный скрипт уже был и я его активировал. Пришлось переустановить систему и теперь все как то не так. Может скачать не из магазина?
Не могу добавить URL Ютюба. выдаёт ошибку. Какой там точно URL не подскажите. Многие жалуются что не работает или память много жрёт эта оранжевая макака. Но раньше все было норм.
Здравствуйте! Чтобы изменить фон колонок (класс page_block) в ВК, указываю путь: document.page_block.style.background = "#000000"; Подскажите пожалуйста где я ошибся.
var array = document.querySelectorAll('.page_block'); array.forEach( function(block) { block.style.background = "#000000"; block.style.color = "#fff"; }); т.е. элементы с классами сначала нужно найти, потом покрасить
@@HtmllabRu Благодарю за помощь! То есть с помощью document.querySelectorAll мы находим элементы нужного класса, и добавляем в style наши параметры стиля. Код работает, но по какой-то причине после перехода по ссылке все наши параметры сбрасывается, а после обновления страницы применяются
@@upwards потому что React показывает блоки с классами, которые мы ещё не изменили. Можно вставить костыль типа setInterval(function(){ var array = document.querySelectorAll('.page_block'); array.forEach( function(block) { block.style.background = "#000000"; block.style.color = "#fff"; }); }, 1000); тогда наш код каждую секунду будет менять стили. Это очень грязные, но быстрый подход:)
Это вопрос больше к разработчикам тем к браузеру. Tampermonkey максимум может задать наше оформление для всех сайтов, для этого нужно задать звездочку в match, но сам браузер кастомизировать не получится
Я бы сделал так: вручную нашёл через F12 в исходном коде страницы в каком HTML -элементе находится искомый текст. Затем нашёл бы в скрипте этот элемент через const element = document.querySelector(ТУТ_НУЖНЫЙ_СЕЛЕКТОР) (1) если это не элемент формы (в смысле div или section) , то element.innerHTML = element.innerHTML.replace('ИСХОДНЫЙ', 'НУЖНЫЙ') (2) если элемент формы (типа textarea, input, select), то element.value = element.value.replace('ИСХОДНЫЙ', 'НУЖНЫЙ')
@@HtmllabRu я профан в этой теме. Получается так, селектор это id. Но у меня нету ни 1 id в коде элемента. У меня идет и дальше иду Между tr и /tr идет текст и именно "текст" мне надо заменить
@@shvompe1072 селектор по id - это строка типа "#foo". Но можно сделать селектор по классу, он может быть ".foo" для элемента с class="foo", как тут ua-cam.com/video/daoaQqfWpQo/v-deo.html
@@HtmllabRu Я нажал пкм по элементу, после нажал копировать селектор. Выдало это body > main > div.main-container > div:nth-child(8) > table > tr:nth-child(2) > td:nth-child(2)
@@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)"
блин, это то, что мне нужно, но необходимо чтобы скрипт запускался после полной прогрузки страницы, вместе с расширениями, а то прогружается ванильный сайт, потом скрипт тамперманкей и только потом расширения, хотелось бы последние два поменять местами. Никто не подскажет как это можно реализовать?
нужно запустить функцию типа 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'); прописать селектор для нужной кнопки
Здравствуйте. У меня здесь появился новый подписчик, но он скрыт настройками его канала. Есть подозрение, что это англоязычный человек (хотя мне это странно с учётом, что у меня всего 8 видео и последняя загрузка 2017 год). Срочно думаю над обновлением своего канала и контента, поэтому бы хотелось знать нет ли какого-то скрипта, который помог бы увидеть скрытых подписчиков для лучшего понимания своей аудитории.
Татьяна, здравствуйте. Если зайти в Творческую студию и на панели управления найти "Новые подписчики", а затем выбрать временной диапазон "Все время", то появляется список подписчиков и это значит, что список можно собирать/смотреть при помощи Tampermonkey. Но не уверен, что это будет полным ответом на ваш вопрос
@@HtmllabRu Я могу видеть только тех, кто не скрыт настройками приватности. Я смотрела по-всякому, но у меня не получается увидеть того, кто подписался на меня 13 апреля. Надеялась, что это можно было бы сделать при помощи Tampermonkey.
@@HtmllabRu Не получается скопировать, чтобы поэкспериментировать, но я вижу class=opened, когда смотрю элемент. Может быть в Tampermonkey нужно поменять что-то как раз в этой части, чтобы было видно всех?
@@TatianaYasinaесли открыли список, как я указал вышел, то видите перед собой набор из 10 подписчиков. В консоли браузера можно найти элементы связанные с ними по классу subscriber-info-name, вот так document.querySelectorAll('.subscriber-info-name') Далее. Сама кнопка "На следующую страницу" (которая отображается знаком больше) находится запросом const btn = document.querySelector('#navigate-after'), а имитировать нажатие можно методом click() вот так btn.click(). Если нужно найти всех подписчиков, то вооружаетесь (создаёте) таймером и получаете наборы подписчиков, не забывая сохранять их куда-нибудь в localStorage.
Дома работает несколько лет и не разу не попросило пожертвования. Сейчас сижу на работе - установил, тоже работает и не просит ничего. Вы уверены что именно Tampermonkey просит у вас деньги?
@@ReiA.22 хм, сейчас проверил оба варианта - сработали (ua-cam.com/video/QK1N8haoKCU/v-deo.html) . Я спросил бы устанавливали стандартно или скачивали пакет вручную, но с подобным не сталкивался. Возможно стоить попробовать вручную в папках Chrome его попробовать удалить
Проще всего найти в каком элементе находится нужный номер, то есть посмотреть внутреннюю структуру страницы, а потом найдя элемент взять у него innerHTML и у этого свойства вызвать строковый метод replace(). Можно и по-другому, пройтись рекурсивно проверяя строки на вхождение и проверить вхождение. Набросал пример jsbin.com/bixoduqepo/edit?html,output Заменяю всё без проверки - это не очень правильно, но поможет вам продвинуться с решением задачи
*1:58** когда забыл, что хотел сказать и пытаешься вспомнить...*
Слава Богу! Побольше бы таких умов как вы!
огромное спасибо за ваш труд
Спасибо, очень клево объяснили!
Рад, что ролик понравился)
Как можно самостоятельно написать скрипт, чтобы скачивать видео с UA-cam? Если это сложно, то как можно проверить готовый скрипт с сайта на наличие вируса? Спасибо.
А зачем он нужен и как его удалить , может ли сайт одноклассники тормозить из за обновления его ( скрипта ) ?
Спасибо!
спасибо!!! ты самый лучший
Ничего не понял, но было круто!
знать бы еще как эти команды создавать
может где то есть статейки?
JavaScript? learn.javascript.ru/
Это "очень увлекательно" прям как для новичков рассказали о тамперманки, но ни слова от том как писать скрипты, а это гараздо важнее!!!
круто
awesome
Где взять скрипты?
Как сделать так, что бы консоль внизу открывалась, а не сбоку?
Если речь о браузерной консоли (по F12), то когда её откроете, выберите в её верхней правой части (рядом с шестеренкой) три точки, а внутри нужный способ отображения консоли "Dock side"
Спасибо
А как отредактировать время выполнения скрипта? чтоб он скажем так выполнялся допустим минуту на определенном сайте...
Воспользуйтесь setTimeout. Также, для запоминания информации, может пригодится localStorage
В текстовом формате эти скрипты есть?
Что то у меня ничего не получается
Для этого примера не сохранил код, но набросал для изменения фона любого сайта: pastebin.com/evx731EA
Если нужно будет экспериментировать с произвольным сайтом, внесите его название вместо символ звёздочки "*" вот тут
// @match *
Ахринеть
Приветствую. А можешь подсказать как установить правильно Orange monkey. Я его установил на хром но как активировать нужный скрипт. Для правильной работы Savefrom помощник. Там их много разных но они не загружаются. Виндовс 7. Скачивал с магазина расширений.
Спасибо, не знал об этом UserScript-плагине. У меня получилось так: в новом скрипте нажал кнопку Meta (она справа от заголовка Script Editor), и в поле "Matches" внёс url сайта, на котором скрипт должен срабатывать.
@@HtmllabRu Что то подобное было один раз. Только не знаю какой адрес туда внести В основном нужно для скачивания с Ютюба. Значит туда URL Ютюба внести? Я уже как то ставил это расширение и было как то проще все, нужный скрипт уже был и я его активировал. Пришлось переустановить систему и теперь все как то не так. Может скачать не из магазина?
Не могу добавить URL Ютюба. выдаёт ошибку. Какой там точно URL не подскажите. Многие жалуются что не работает или память много жрёт эта оранжевая макака. Но раньше все было норм.
Лаааааааааааааааааааааайк
Почему этот TamperMonkey вообще не может работать? "Нет запущенных скриптов", хотя всё включено и откомпилено. Что ему в этой жизни не хватает?!
Здравствуйте! Чтобы изменить фон колонок (класс page_block) в ВК, указываю путь:
document.page_block.style.background = "#000000";
Подскажите пожалуйста где я ошибся.
var array = document.querySelectorAll('.page_block');
array.forEach( function(block) {
block.style.background = "#000000";
block.style.color = "#fff";
});
т.е. элементы с классами сначала нужно найти, потом покрасить
@@HtmllabRu Благодарю за помощь! То есть с помощью document.querySelectorAll мы находим элементы нужного класса, и добавляем в style наши параметры стиля. Код работает, но по какой-то причине после перехода по ссылке все наши параметры сбрасывается, а после обновления страницы применяются
@@upwards потому что React показывает блоки с классами, которые мы ещё не изменили. Можно вставить костыль типа
setInterval(function(){
var array = document.querySelectorAll('.page_block');
array.forEach( function(block) {
block.style.background = "#000000";
block.style.color = "#fff";
});
}, 1000);
тогда наш код каждую секунду будет менять стили. Это очень грязные, но быстрый подход:)
@@HtmllabRu получилось. спаси Господь!
А как сделать темную тему для всего "Хром"?
Это вопрос больше к разработчикам тем к браузеру. Tampermonkey максимум может задать наше оформление для всех сайтов, для этого нужно задать звездочку в match, но сам браузер кастомизировать не получится
@@HtmllabRu хотел скинуть вам пример скрипта для обсуждения
Но ютюб его видать удалил
У вас есть телеграмм?
Давайте сюда через pastebin.com - мессенджеры отвлекают
@@HtmllabRu а по разработке тем у вас видео есть?
Постбин: qjKLPc3J
Для написания скриптом какой яп используется?
JavaScript
@@HtmllabRu можете посоветовать сайт с документацией по нему, для ознакомления. Хочу для работы скрипт добавить
@@s_marsa4979 developer.mozilla.org/ru/docs/Web/JavaScript, learn.javascript.ru/,
Я 1 создаю расширение и пишу уже там все скрипты
Можно ли через это расширение перемещать элементы Вк ?
Можно, но если перемещаемый элемент динамически отрисовывается приложением, могут возникнуть артефакты
так и не понял нафиг оно нужноо
Подскажите, а как заменить определенный текст?
Я бы сделал так: вручную нашёл через F12 в исходном коде страницы в каком HTML -элементе находится искомый текст.
Затем нашёл бы в скрипте этот элемент через const element = document.querySelector(ТУТ_НУЖНЫЙ_СЕЛЕКТОР)
(1) если это не элемент формы (в смысле div или section) , то element.innerHTML = element.innerHTML.replace('ИСХОДНЫЙ', 'НУЖНЫЙ')
(2) если элемент формы (типа textarea, input, select), то
element.value = element.value.replace('ИСХОДНЫЙ', 'НУЖНЫЙ')
@@HtmllabRu я профан в этой теме. Получается так, селектор это id. Но у меня нету ни 1 id в коде элемента. У меня идет
и дальше иду
Между tr и /tr идет текст и именно "текст" мне надо заменить
@@shvompe1072 селектор по id - это строка типа "#foo". Но можно сделать селектор по классу, он может быть ".foo" для элемента с class="foo", как тут ua-cam.com/video/daoaQqfWpQo/v-deo.html
@@HtmllabRu Я нажал пкм по элементу, после нажал копировать селектор. Выдало это body > main > div.main-container > div:nth-child(8) > table > tr:nth-child(2) > td:nth-child(2)
@@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)"
блин, это то, что мне нужно, но необходимо чтобы скрипт запускался после полной прогрузки страницы, вместе с расширениями, а то прогружается ванильный сайт, потом скрипт тамперманкей и только потом расширения, хотелось бы последние два поменять местами. Никто не подскажет как это можно реализовать?
попробуйте обернуть код в setTimeout и подобрать время за которое страница подгружается
@@HtmllabRu спасибо большое, попробую. Подписался в благодарность к вашей активности в коментариях)
@@HtmllabRu и еще одно спасибо))) все сработало
Как написать что бы скрипт нажимал на кнопку?
нужно запустить функцию типа
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'); прописать селектор для нужной кнопки
Если кнопка стандартная, можно просто вызвать метод .click() у самой кнопки ua-cam.com/video/a6O99R5l7fU/v-deo.html
блин а если топер монкей уминя трогая версия там аткрываешь и в строчьку
попробуйте обновиться или использовать какой-нибудь JavaScript Beautifier.
Из него есть доступ к браузерным API и привилегированному коду или работа только в контексте window на уровне песочницы?
К браузерным API доступ есть👍 Тестил localStorage и геолокацию.
помогите написать правельное решение для кода html 0 нужно поменять 0 на 1
codepen.io/anon/pen/WaWJow?editors=1010, но думаю это не основная ваша цель
@@HtmllabRu огромное человеческое спасибо
@@HtmllabRu vk.com/segr2018 это моя страничка
Pr8qncLs
Паст Бин
что то не работает даже даже алерт((
может я что то не то делаю?
// @match vk.com/*
Как его удалить?
Правой кнопкой на значке расширения или через дополнительные расширения в меню браузера
Не могу, там пишет это было сделано вашей организазией, и переключатель не работает только включен
А как подключить свой файл со своим скриптом в тампермонкей?Хлопцы кто знает?
Добавить скрипт
Здравствуйте. У меня здесь появился новый подписчик, но он скрыт настройками его канала. Есть подозрение, что это англоязычный человек (хотя мне это странно с учётом, что у меня всего 8 видео и последняя загрузка 2017 год). Срочно думаю над обновлением своего канала и контента, поэтому бы хотелось знать нет ли какого-то скрипта, который помог бы увидеть скрытых подписчиков для лучшего понимания своей аудитории.
Татьяна, здравствуйте. Если зайти в Творческую студию и на панели управления найти "Новые подписчики", а затем выбрать временной диапазон "Все время", то появляется список подписчиков и это значит, что список можно собирать/смотреть при помощи Tampermonkey. Но не уверен, что это будет полным ответом на ваш вопрос
@@HtmllabRu Я могу видеть только тех, кто не скрыт настройками приватности. Я смотрела по-всякому, но у меня не получается увидеть того, кто подписался на меня 13 апреля. Надеялась, что это можно было бы сделать при помощи Tampermonkey.
@@HtmllabRu Не получается скопировать, чтобы поэкспериментировать, но я вижу class=opened, когда смотрю элемент. Может быть в Tampermonkey нужно поменять что-то как раз в этой части, чтобы было видно всех?
@@TatianaYasinaесли открыли список, как я указал вышел, то видите перед собой набор из 10 подписчиков. В консоли браузера можно найти элементы связанные с ними по классу subscriber-info-name, вот так document.querySelectorAll('.subscriber-info-name')
Далее. Сама кнопка "На следующую страницу" (которая отображается знаком больше) находится запросом const btn = document.querySelector('#navigate-after'), а имитировать нажатие можно методом click() вот так btn.click(). Если нужно найти всех подписчиков, то вооружаетесь (создаёте) таймером и получаете наборы подписчиков, не забывая сохранять их куда-нибудь в localStorage.
@@HtmllabRu Спасибо! Буду пробовать!
Почему Бесплатное? Зачем обманывать? Потом постоянно канючит пожертвование, а если не внесешь, не работает.
Дома работает несколько лет и не разу не попросило пожертвования. Сейчас сижу на работе - установил, тоже работает и не просит ничего. Вы уверены что именно Tampermonkey просит у вас деньги?
Как его убрать?!
Через расширения google. В браузере есть пункт меню типа «дополнительные инструменты»
Можно правой кнопкой мыши на значке расширения и "Удалить из Chrome"
@@HtmllabRu, там написано скачано вашей организацией и переключатель не переключается
@@ReiA.22 хм, сейчас проверил оба варианта - сработали (ua-cam.com/video/QK1N8haoKCU/v-deo.html) . Я спросил бы устанавливали стандартно или скачивали пакет вручную, но с подобным не сталкивался. Возможно стоить попробовать вручную в папках Chrome его попробовать удалить
Видео заболкированно...
АЛЕКСЕЙ ПРОШУ ОЧЕНЬ НАДО ВАША ПОМОЩЬ, скажите пожалуйста как заменить текст или же номер ( к примеру на біл +7356255114 а стал +777777777777)
Проще всего найти в каком элементе находится нужный номер, то есть посмотреть внутреннюю структуру страницы, а потом найдя элемент взять у него innerHTML и у этого свойства вызвать строковый метод replace(). Можно и по-другому, пройтись рекурсивно проверяя строки на вхождение и проверить вхождение.
Набросал пример jsbin.com/bixoduqepo/edit?html,output Заменяю всё без проверки - это не очень правильно, но поможет вам продвинуться с решением задачи