История о любопытстве и минусах
Всем привет!
Решил выглянуть из ридонли ради спортивного интереса.
Для ЛЛ - как отобразить минусы с помощью расширения Chrome и кода на JS + немного CSS. Установка в конце поста.
Так это выглядит
После "возврата минусов" по Пикабу прокатила волна постов с недовольством и мне стало интересно хватит ли умений отобразить минусы, ведь в коде каждого поста они уже есть.
Консоль разработчика видит всё и даже больше
Логично, что если минусы на самом деле имеются у каждого поста, с ними можно работать с помощью JS.
Инструмент, который я использовал (помимо того, что выдают при респауне) - User JavaScript and CSS из магазина Chrome.
Герой дня
На самом деле, использовать можно и что-то иное, тут каждый волен действовать как хочет.
Первая версия появилась на свет на зачатках знаний по JS и мастерстве гугления (Insert google meme here)
Забрать код можно тут: https://justpaste.it/gdvjm
Сначала всё это работало только после загрузки страницы и после прокрутки у новых постов не было минусов. Немного гугления и было найдено обновление по интервалу и обработчик прокрутки (его я и использовал)
В целом, всё работает и так, на этом можно было остановиться. Смущало только то, что минусы не всегда прогружались, если скролл не дошёл до конца страницы.
Тогда я обратился на тёмную сторону решил воспользоваться знаниями нейросети и появилась вторая версия с обработкой каждого поста отдельно при начальной загрузке страницы и событии подгрузки постов.
Вторая версия. Помимо нововведений в части JS, чуть изменил добавление контейнера для минусов, назначил класс и чуть причесал CSS.
Забирать тут: https://justpaste.it/itxj8
Установка
Использовать всё это предельно просто:
Найти расширение в магазине - User JavaScript and CSS
После скачивания заходим в chrome://extensions/ и активируем режим разработчика. Это требуется для доступа расширения к изменению содержимого сайтов;
В настройках расширения нужно добавить сайт как на скрине - https://pikabu.ru/*
Cоответственно пунктам 1 и 2 - JavaScript (JS) и CSS. Переходите по ссылкам на первую или вторую версию и копируйте весь текст между разделителями в виде знаков "=": ==========================================
Окно настроек расширения
При большом желании можно упаковать всё в расширение и опубликовать в магазине, но до этого я не дошёл (а также 5$ за регистрацию - это 5$)
Вряд ли кто-то будет ставить себе уже упакованное расширение от новорега, потому, ссылок на обменник не даю.
P.S. Код кривее некуда, об этом я догадываюсь. JS я не знаю и без сомнений, маэстро JS'a и CSS могут сделать более красивый и правильный вариант. Потому, за конструктивную критику и предложения по улучшению заранее благодарен! :)
P.P.S. Если пост нарушает какие-то правила, сообщите, пожалуйста. Что-то по теме сабжа ничего не нашёл.