Userscripts как написать
Всем привет! Извиняюсь за задержку, работы привалило, и поэтому обновление пришлось отложить.
Сегодня я успешно выпустил обновление расширения и юзерскрипта, которые возвращают старый дизайн для пикабу. В нем исправлены некоторые баги и учтены пожелания пользователей.
Тем, кто пользуется расширением для Chrome, обновление придет автоматически.
Тем, кто использует юзерскрипт, обновление по идее тоже должно прийти, но если этого не произошло, то скачайте обновление здесь. Вам будет предложено обновить скрипт.
Текущая версия: 0.20
включить джава в яндекс браузере
1. [расширение] Исправлено зеленое число у ссылки «ответы»
2. Спасибо @TheKingOfNight (коммент) за багрепорт. Теперь в разделе «мои комментарии» добавлен отступ между рейтингом комментария и аватаркой пользователя. Также никнейм у своего комментария принял старый вид.
3. Цитаты изменены на старые (с курсивом и чуть желтоватым фоном)
4. Исправлен внешний вид страницы добавления поста (шрифты)
5. Исправлен баг, когда под заголовком поста появлялось слово «комментариев» без числа.
6. Исправлено падение скрипта на странице редактирования тегов поста
7. Исправлена ошибка, когда рамка у комментария уходит вверх, если в набираемом комментарии много строк.
8. Убрано зеленое выделение текста мышкой
9. По просьбам @Kavaka (коммент) и @Ksill (коммент) сделан отступ от левого края.
10. По просьбе @ideapad27 (коммент) сделано сворачивание постов по клику в пустой области заголовка поста.
Кроме того, у расширения появилась веб-страница, на которой вы сможете проверять обновления, узнавать, что обновилось, и сообщать об ошибках.
К сожалению, мне так и не удалось воспроизвести баг, о котором говорили @Shadowworm
(коммент) и @GordonHollow (коммент), когда у шапки остается ярко-зеленый фон. Если у вас наблюдается аналогичная проблема, пожалуйста, щелкните ПКМ по шапке, выберите «исследовать элемент» либо «просмотреть код» для вызова инструментов разработчика, и отправьте мне скриншот, я постараюсь разобраться.
Возвращаем старый дизайн пикабу
Я надеялся, что олд.пикабу.ру таки не отключат, но 1 октября его отключили. Окей.
И я воссоздал старый дизайн пикабу в расширении для хрома и юзерскрипте для других браузеров.
Вот так будет выглядеть страница пикабу с установленным расширением:
Я знал, что здесь уже пилили свой старый пикабу, но мне эта реализация не понравилась, т.к. она выглядит как что-то среднее между старым и новым дизайном. Плюс требует очень много танцев с бубном.
Я же постарался максимально приблизиться к виду старого дизайна, опираясь на сохраненные заблаговременно страницы пикабу и веб-архив, при этом стараясь не сломать сам сайт.
1. Почти точно переданный вид старого дизайна со старыми шрифтами и цветами
2. Старый вид меню с аватаркой и переключателем клубнички
3. Старый вид шапки
4. Почти старый вид профилей
5. Старый вид постов (независимо от настроек «дублировать автора и сообщества вверху поста», «показывать теги вверху поста» и т.п.).
6. Кнопки голосования и сворачивания продублированы внизу поста (как на старом дизайне), ездящий за скроллом рейтинг убран.
7. Старый вид комментариев к постам
8. Скрыто раздражающее окно всплывающего профиля
9. Переключатель режимов скрытия прочитанного возвращен вверх
10. Меню справа не ездит за скроллом
И многое другое.
Расширение будет периодически обновляться, если разработчики пикабу что-то поменяют в структуре страниц и все сломается.
Для оперативного исправления багов (например, когда страница преобразилась только наполовину,) пожалуйста, нажмите F12, перейдите на вкладку Console и пришлите мне скриншот.
Скачать расширение можно в магазине расширений Chrome бесплатно.
Для пользователей других браузеров предусмотрен userscript для Tampermonkey.
Инструкция по установке расширения:
1. Ставим расширение. и всё. Возможно потребуется ткнуть значок расширения и поставить там галку «включить старый дизайн».
Инструкция по установке юзерскрипта:
1. Ставим Tampermonkey (он есть для Firefox, а Greasemonkey не подойдет).
2. Переходим по ссылке скачивания юзерскрипта. Появится окно Tampermonkey с предложением установить юзерскрипт. И. всё.
Steam Summer Sale Helper
Запилил ещё один (прошлый) очень простой практически однострочный юзерскрипт, автоматически пролистывающий рекомендации в стиме для выпадения карточек распродажи.
Если ещё не установлен, устанавливаем Tampermonkey (для Chrome) или Greasemonkey (для Firefox)
Кнопка вызова диалога активации ключа Steam
Склепал очень простой юзерскрипт, добавляющий кнопку активации ключа в стим.
Всё предельно просто: копируем ключ, кликаем по иконке, активируем.
Если ещё не установлен, станавливаем Tampermonkey (для Chrome) или Greasemonkey (для Firefox)
Пока работает на сайтах:
Возможно имеет смысл расширить этот список сайтов.
Либо показывать кнопку везде, что, на мой взгляд, очень нежелательно.
Автоматическое получение очков на Alienware Arena
Дисклеймер! Никаких разводов, вирусов и обманов. Исходник открыт и прост как угол дома. Это простой userscript, работающий через аддон Greasemonkey (Tampermonkey).
Здесь нет никаких нарушений и эксплойтов работы сайта Alienware Arena, только автоматизация рутинных действий пользователя!
Вы хотите большой и внушительный уровень на Alienware Arena, чтобы вперёд всех получать ключи из редких, но ценных раздач? Вам лень ежедневно тыкать плюсы-минусы на форуме Alienware Arena? Вам лень голосовать в разделе «This or That»? Тогда этот скрипт для вас!
(Переходим по ссылке и тыкаем в большую синюю кнопку «Install»)
Там же можно посмотреть исходный код, или внести свой вклад на github.
Также такой способ установки позволяет скрипту автоматически обновляться.
Если у вас еще нет аддона-обезьянки, то сначала необходимо поставить его, а уже потом сам скрипт!
Сам скрипт работает во всех браузерах, где имеется обезьянка.
Чтобы получить «Content» голоса, идём в любую тему на форуме или новость или картинку. в любое место где есть комментарии и жмакаем CON кнопку. Скрипт начнёт щедро раздавать всем плюсики, потом сам перейдёт на следующую страницу и продолжит так пока не раздаст 50 плюсиков — ежедневная норма.
Чтобы получить «This or That» голоса, идём на форум, в любую тему голосования в разделе «This or That» и жмакаем TOT кнопку. Скрипт начнёт тыкать в левый вариант выбора, пока не наберётся 25 голосов — ежедневная норма для «This or That».
Функции спама голосов могут работать одновременно! То есть, можно сразу зайти в любое голосование «This or That», прожать обе кнопки и смотреть как скрипт фармит вам голоса.
Также, для удобства в нижнем угловом статусе выведено количество голосов в формате
CON = Content; TOT = This or That;
Секундное
С целью устранения этой вселенской несправедливости я решил создать инструментарий, упрощающий или автоматизирующий подсчёт секунд: userscript для автоматического подсчёта секунд и сайт, позволяющий посчитать секунды для конкретного коммента.
Для подсчёта секунд с мобильных устройств или при нежелании устанавливать скрипт, считаем секунды тут: https://hant0508.github.io/seconds . В ближайшее время функционал сайта будет расширен, добавляю возможность посчитать секунды между двумя комментами.
Исправляем потрАшки на потрошки или на коня лысого
Для удобства срачь по ссылке будем называть — Пост.
Решение возможно следующее. Есть замечательная вещь userscript, которая позволяет писать свои собственные js скрипты для любого сайта, но эти скрипты будут запускаться только для вас исключительно.
Обычно этот инструмент используют, что бы добавить некоторый дополнительный не сложный функционал. Например у меня в комментариях на пикабу мой ник всегда подсвечивается красным на манер как подсвечивается ник ТС, если он отпишется в комментах.
Точно так же я решил для себя проблему с потрАшками. Просто написал одну строчку кода, которая бережет мне нервы. Строчка такая:
document.body.innerHTML = document.body.innerHTML.replace(/потрАш/g, ‘лысый конь’);
Выполнение этого кода приводит Пост к следующему виду.
Что бы работало как нам надо вместо лысого коня подставляем то написание, которое успокоит ваши душевные терзания и смягчит боль обуглившейся жопы от ожогов на ваших ногах. А куда этот скрипт пихать спросите вы?
Для разных браузеров по разному. Для ff и chrome это будет расширение https://ru.wikipedia.org/wiki/Greasemonkey
Для Opera, что есть мой случай, есть расширение Violent monkey. Ссылка на само расширение
Жмем на зеленую кнопку два раза.
Там где у вас обычно висят иконки расширений должно появиться, простите, лицо макаки.
Для людей беспокоящихся о безопасности за эти два расширения вам гарантирую. Но будьте аккуратны со скриптами, которые вы устанавливаете. К слову там есть база скриптов для многих сайтов, которые добавляют сами пользователи. Есть годные, есть не очень. На ваш страх и риск короче.
В общем нажимаем на морду обезьяны и в выпадалке жмем пункт «управление скриптами».
С рамкой-то получше смотрятся картинки. Далее откроется вкладка управления вашими userscript. Создаем новый скрипт.
Далее по пунктам. Вставляем скрипт. Нажимаем на кнопку пользовательские данные и вписываем название скрипта. В низу страницы жмем кнопку сохранить.
Ах, да, чуть сам скрипт не забыл.
document.body.innerHTML = document.body.innerHTML.replace(/потрАш/gi, ‘потраш’);
Злой @gepka иногда выделяет только букву «А» в своем любимом слове. Для него нужно писать еще одну строчку кода. Но я не нашел поста где он так делает. Дружно попросим его так не делать, хотя он все равно нас на ху слушать нас не будет.
Так что зовите, если заметите. Допишу.
Всем спасибо за внимание, не плюсов ради.
Информер с данными пользователя при наведении курсора на ник
Доброго времени суток, пикабушники.
В один прекрасный момент мне окончательно надоела низкая информативность стандартного отображения ников пользователей в комментариях. Посудите сами: выдаётся только ник и до ужаса отшакаленная версия аватарки. Заметки, придуманные для отмечания юзеров, тоже не выводятся, что наводит на весьма интересный вопрос о их полезности.
Пора действовать — решил воспалённый разум.
Как работает скрипт
Во-первых, если у пользователя есть заметка, оставленная вами на чёрный день, рядом с его ником появляется маленькая красная звёздочка:
Во-вторых, теперь при наведении курсора на ник любого юзера, выводится информер, выдираемый прямо из профиля:
Заметка переносится непосредственно под ник, лишние кнопки, которые всё равно не нажать, убраны.
Возможно, с размерами информера я чутка перебрал. в любом случае, критику направляйте в комментарии)
Сначала вам понадобится расширение для браузера, запускающее юзерскрипты. Для браузеров на базе хрома это TamperMonkey: ссылка в Chrome Web Store
Для самобытной лисички это GreaseMonkey: ссылка на addons.mozilla.org
На поддержку IE/Edge я даже не заикался.
После того, как всё установлено, просто перейдите по ссылке: сам скрипт
Расширение подхватит и установит его.
P.S. Если не работает — возможно, версия вашего браузера безнадёжно устарела. Обновитесь)
UPD#1: Пофикшен незначительный баг — теперь скрипт показывает информер и на свой аккаунт тоже. Ссылка в посте снова актуальна.
UPD#2: Пофикшен баг — теперь скрипт не убивает выделение автора поста в комментариях. Ссылка обновлена.
Pikabu helper 0.2
Дисклеймер! Никаких разводов, вирусов и обманов. Исходник открыт и прост как угол дома. Это простой userscript, работающий через аддон Greasemonkey (Tampermonkey).
В данный момент скрипт выполняет следующие функции:
* Исправление битых ссылок
* Добавление полосы коэффициента плюсов/минусов в профилях пользователей
* Модификация кнопки игнор-листа в более компактный и аккуратный вид, по образу мобильной версии Пикабу
* Слегка обновлена полоса коэффициента плюсов/минусов в профилях пользователей:
Теперь не так сливается с фоном и окружающими значками сообществ.
* Немного обновлена кнопка игнор-листа:
Теперь она такая же аккуратная как на мобильной версии Пикабу и также подвинута под аватарку, как и в первой версии скрипта.
+ Полностью новая функция поиска и исправления поломанных ссылок:
. . Теперь необходимо правильно писать ссылки, добавляя звёздочку (или еще какую-нибудь пакость), а скрипт просто отфильтрует лишнее, оставив правильную, рабочую ссылку.
. . Теперь скрипт исправления может обрабатывать разные адреса за один подход, а список поддерживаемых адресов легко редактируется в настройках скрипта прямо в его коде.
. . Теперь скрипт не трогает рабочие ссылки с правильными адресами (в которых нет лишних символов), даже если такие адреса забиты в настройках.
— Всеядная функция исправления ссылок на gleam.io отключена пока администрация удалила домен gleam из чёрного списка.
(Переходим по ссылке и тыкаем в большую синюю кнопку «Install»)
Там же можно посмотреть исходный код, при желании или внести свой вклад на github.
У тех, кто ставил скрипт ранее, он автоматически обновится в течении суток (настройка по-умолчанию в обезьянках). Однако, вы можете обновить вручную, нажав установку по ссылке.
Если у вас еще нет аддона-обезьянки, то сначала необходимо поставить его, а уже потом сам скрипт!
Для Chrome и Яндекс.браузера:
Сам скрипт работает во всех браузерах, где имеется обезьянка.
С интересом выслушаю ваши идеи, предложения и пожелания в комментариях к посту.
Pikabu helper — улучшаем Пикабу
Дисклеймер! Никаких разводов, вирусов и обманов. Исходник открыт и прост как угол дома. Это простой userscript, работающий через аддон Greasemonkey (Tampermonkey).
В первую очередь полезным окажется исправление ссылок на gleam io. Многие любители Steam халявы на Пикабу страдают от фильтрации ссылок. Чтобы получить свой кусок халявы, приходится копировать ручками ссылку, исправлять её и только потом переходить по ней. Согласитесь, гораздо удобней, когда есть готовая ссылка, по которой можно просто кликнуть мышью. И Pikabu helper делает это!
Так видит пост с халявой обычный пользователь Пикабу:
А так видит пост с халявой обладатель Пикабу хелпера:
Кто-то может найти интересным коэффициент плюсов/минусов в профилях пользователей. И полоска соотношения плюсов к минусам, помогающая понять на сколько добрый или злой пользователь перед вами.
Также, как видно на скрине выше, кнопочка игнор-листа передвинута под аватар. Я посчитал это удобным, в связи с введением сообществ, которые теперь заполоняют нижние строчки профилей.
Ссылка на установку скрипта:
(Переходим по ссылке и тыкаем в большую синюю кнопку «Install»)
Там же можно посмотреть исходный код, при желании.
Если у вас еще нет аддона-обезьянки, то сначала необходимо поставить его, а уже потом сам скрипт!
С интересом выслушаю ваши идеи, предложения и пожелания в комментариях к посту.
О блокировке рекламы
Пару дней недель назад в горячем висел пост о контекстной рекламе Яндекса, из комментариев к которому стало ясно, что многие пикабушники сталкивались с проблемой навязчивой рекламы в интернете, требованиями сайтов отключить блокировщик рекламы и т.д. Поэтому я решил рассказать о способах блокировки рекламы, проверенных на собственном опыте, применение которых сводит количество нежелательного контента к минимуму.
1. Выбор блокировщика.
Самые известные расширения для блокировки рекламы — Adblock Plus и Adblock. Первый поддерживает все популярные браузеры, второй — Chrome (и основанные на его движке) и Safari. Помимо них я хочу также рассказать про uBlock Origin, доступный для Chrome и Firefox.
Беглый взгляд на настройки блокировщиков даёт понять, что функционал первых двух практически идентичен, в то время как последний предоставляет больше возможностей для кастомизации. Chrome также предоставляет нам возможность посмотреть потребление памяти каждым расширением (открыть диспетчер задач можно нажатием Shift+Esc).
Как мы видим, uBlock потребляет значительно меньше памяти, а посему я рекомендую использовать именно его. Впрочем, если вы привыкли использовать ABP, а оперативки у вас достаточно, можно оставаться и на нём. Что же касается прочих блокировщиков, то они либо представляют собой клоны вышеупомянутых, либо обладают меньшим функционалом. Так, например, расширение Adguard предоставляет несколько собственных подписок и не даёт возможности добавить сторонние.
Некоторые пользователи устанавливают сразу несколько блокировщиков и, глядя на то, что каждый показывает блокировку какого-то числа элементов, полагают, что так они будут надёжнее защищены. Конечно же, так делать не стоит, потому что нагрузка на ОС сильно возрастает; притом качество блокировки зависит вовсе не от расширения, а от набор подписок. О них дальше и пойдёт речь.
2. Набор подписок по умолчанию.
Пожалуй, самое важное при настройке блокировщика рекламы — это правильный выбор списков фильтров или, проще говоря, подписок. Ведь информация о том, что нужно заблокировать, а что, напротив, трогать не следует, содержатся именно там, и если этой информации недостаточно, то ни один блокировщик ничего не сможет сделать.
Для начала взглянем на подписки, установленные по умолчанию в ABP.
Итак, как мы видим, по умолчанию подключён EasyList (основная подписка) и список фильтров для русскоязычных сайтов RuAdList. Кроме того, включён список исключений «ненавязчивой рекламы». На выбор предлагается подключить подписку для другого языкового сегмента сети либо любую другую, если у вас есть прямая ссылка на неё. Теперь посмотрим, как обстоят дела у uBO.
На скриншот не поместился весь список предлагаемых фильтров, ниже следуют все те же языковые подписки, которые предлагает ABP. Не вдаваясь в описание каждой из имеющихся тут подписок, можно просто заметить, что «из коробки» uBO будет работать лучше, потому что подключённых фильтров больше, а списка «ненавязчивой рекламы» среди них нет.
3. Добавление кастомных подписок.
Большая часть мусора, конечно, блокируется и этими минимальными наборами фильтров, однако для достижения максимального эффекта стоит несколько отредактировать их набор. Прежде всего, я советую отписаться от фильтра «ненавязчивой рекламы», если вы используете ABP, и от «Badware risks» в случае с uBO. Первый ухудшает качество фильтрации, а второй наоборот часто блокирует лишнее. Что стоит подключить, зависит от ваших личных предпочтений, от себя могу посоветовать следующее:
2) RU AdList: Counters — дополнительная подписка от составителей RuAdList против счётчиков и систем аналитики.
3) I don’t care about cookies — набор фильтров, скрывающих всплывающие окошки и уведомления на многих сайтах, предлагающие ознакомиться с политикой cookie-файлов.
4) uBlock Filters + — только для uBO, использует его возможности для блокировки всплывающих окон и некоторых других неприятных вещей.
Ну и конечно же, не могу не сказать о том, что у меня есть собственный список фильтров, содержащий некоторые полезные фильтры, отсутствующие в основных подписках (среди которых и скрытие закреплённого поста на пикабу). Также есть замечательный сайт с прямыми ссылками на большое количество подписок.
4. Использование нестандартных средств для блокировки рекламы.
Даже хорошо настроенный блокировщик не способен избавиться от некоторых видов рекламы: иногда разработчики исхитряются и помещают её в css, генерируют при помощи скриптов, смешивают с полезным контентом и т.д. Как правило, в таких случаях каждый сайт нужно рассматривать отдельно и искать решение для него конкретно. Однако есть несколько методов, не требующих детальной настройки.
Пожалуй, самыми раздражающими рекламными скриптами являются anti-adblock срипты. Иногда они выглядят скромно и не бросаются в глаза, вежливо прося посетителя отключить Adblock. Но зачастую подобные скрипты просто блокируют доступ к контенту сайта и требуют отключения блокировщика. Конечно, мириться с такой наглостью не стоит: существует userscript Anti-Adblock Killer, блокирующий большую часть anti-adblock скриптов. Его установка проводится в несколько шагов:
1) Установить расширение для поддержки userscript (Chrome, Firefox).
2) Добавить специальную подписку в свой ABP или uBO.
Проверить его работу можно, например, вот на этом сайте: если всё настроено правильно, то вы не увидите полноэкранную просьбу отключить адблок.
Особенно постарались над своей рекламой ребята из Яндекса: их баннеры в новостях и рекламные ссылки в поиске мимикрируют под контент страницы, и скрыть их, не повредив полезное содержимое, средствами адблока не удастся. К счастью, скрипт No Yandex Ads от создателей RuAdlist отлично справляется с этой задачей.
От рекламы в фоне сайта поможет применение userstyles. Для этого необходимо установить расширение Stylish (Chrome, Firefox) и сами стили, которые могут быть как локальными (для одного сайта), так и глобальными. Большую часть рекламы из бэкграунда сайтов поможет убрать RU AdList CSS Fixes, также разработанный создателями RuAdlist. Проверить работоспособность можно на Кинопоиске. Там же, на userstyles.org, можно поискать стили для конкретных сайтов, а если чуть-чуть разобраться в основах HTML/CSS, то и писать их самому — зачастую для «исправления» сайта нужно написать всего одну-две строчки кода. В качестве примера тривиального стиля приведу пару своих: для удаления банера в фоне redkassa.ru и исправления размера сетевизора на echo.msk.ru.
Выполнив эти несложные рекомендации, вы увидите Интернет гораздо чище:)
Источник: http://pikabu.ru/tag/Userscript/hot
Также по теме http://iprowebber.ru/pro-dzhava-skript-javascript/.