Web-технологии

Всем привет!

Решил выглянуть из ридонли ради спортивного интереса.

Для ЛЛ - как отобразить минусы с помощью расширения Chrome и кода на JS + немного CSS. Установка в конце поста.

После "возврата минусов" по Пикабу прокатила волна постов с недовольством и мне стало интересно хватит ли умений отобразить минусы, ведь в коде каждого поста они уже есть.

Логично, что если минусы на самом деле имеются у каждого поста, с ними можно работать с помощью JS.

Инструмент, который я использовал (помимо того, что выдают при респауне) - User JavaScript and CSS из магазина Chrome.

На самом деле, использовать можно и что-то иное, тут каждый волен действовать как хочет.

• Первая версия появилась на свет на зачатках знаний по JS и мастерстве гугления (Insert google meme here)

Забрать код можно тут: https://justpaste.it/gdvjm

Сначала всё это работало только после загрузки страницы и после прокрутки у новых постов не было минусов. Немного гугления и было найдено обновление по интервалу и обработчик прокрутки (его я и использовал)

В целом, всё работает и так, на этом можно было остановиться. Смущало только то, что минусы не всегда прогружались, если скролл не дошёл до конца страницы.

Тогда я обратился на тёмную сторону решил воспользоваться знаниями нейросети и появилась вторая версия с обработкой каждого поста отдельно при начальной загрузке страницы и событии подгрузки постов.

• Вторая версия. Помимо нововведений в части JS, чуть изменил добавление контейнера для минусов, назначил класс и чуть причесал CSS.

Забирать тут: https://justpaste.it/itxj8

Установка

Использовать всё это предельно просто:

1. Найти расширение в магазине - User JavaScript and CSS

2. После скачивания заходим в chrome://extensions/ и активируем режим разработчика. Это требуется для доступа расширения к изменению содержимого сайтов;

3. В настройках расширения нужно добавить сайт как на скрине - https://pikabu.ru/*

4. Cоответственно пунктам 1 и 2 - JavaScript (JS) и CSS. Переходите по ссылкам на первую или вторую версию и копируйте весь текст между разделителями в виде знаков "=": ==========================================

При большом желании можно упаковать всё в расширение и опубликовать в магазине, но до этого я не дошёл (а также 5$ за регистрацию - это 5$)

Вряд ли кто-то будет ставить себе уже упакованное расширение от новорега, потому, ссылок на обменник не даю.

P.S. Код кривее некуда, об этом я догадываюсь. JS я не знаю и без сомнений, маэстро JS'a и CSS могут сделать более красивый и правильный вариант. Потому, за конструктивную критику и предложения по улучшению заранее благодарен! :)

P.P.S. Если пост нарушает какие-то правила, сообщите, пожалуйста. Что-то по теме сабжа ничего не нашёл.