Web + Пикабу

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

Оценки отображаются как в обычной, так и в мобильной версиях сайта. Вся информация об оценках расположена, как ни странно, в html. Всё что делает скрипт - это достаёт эту информацию и показывает в других, новых блоках.

Установка:
1. Для своего браузера установить расширение Tampermonkey
2. Открыть Tampermonkey и создать новый скрипт
3. Вставить скрипт ниже и сохранить
4. Можно перезагружать страницу наслаждаться видимыми оценками

/// ==UserScript==

// @name Pikabu Panamka Check

// @namespace http://tampermonkey.net/

// @VERSION 1.0

// @Description Display post & comment stats

// @Author Pikabusher

// @match *://pikabu.ru/*

// @GrAnt none

// ==/UserScript==

(function() {

'use strict';

function addPlusesAndMinuses() {

document.querySelectorAll('.story__rating-block').forEach(block => {

if (block.getAttribute('data-custom-added') === 'true') return;

const pluses = block.getAttribute('data-pluses');

const minuses = block.getAttribute('data-minuses');

const ratingCount = block.querySelector('.story__rating-count');

if (!ratingCount) return;

const plusEl = document.createElement('div');

plusEl.textContent = pluses;

plusEl.classList.add('custom-rating-plus');

plusEl.style.textAlign = 'center';

plusEl.style.fontSize = '0.9em';

plusEl.style.color = 'green';

const minusEl = document.createElement('div');

minusEl.textContent = minuses;

minusEl.classList.add('custom-rating-minus');

minusEl.style.textAlign = 'center';

minusEl.style.fontSize = '0.9em';

minusEl.style.color = 'red';

ratingCount.parentNode.insertBefore(plusEl, ratingCount);

if (ratingCount.nextSibling) {

ratingCount.parentNode.insertBefore(minusEl, ratingCount.nextSibling);

} else {

ratingCount.parentNode.appendChild(minusEl);

}

block.setAttribute('data-custom-added', 'true');

});

document.querySelectorAll('.comment__rating').forEach(comment => {

if (comment.getAttribute('data-custom-added') === 'true') return;

const pluses = comment.getAttribute('data-pluses');

const minuses = comment.getAttribute('data-minuses');

const ratingCount = comment.querySelector('.comment__rating-count');

if (!ratingCount) return;

const plusEl = document.createElement('div');

plusEl.textContent = pluses;

plusEl.classList.add('custom-comment-rating-plus');

plusEl.style.textAlign = 'center';

plusEl.style.fontSize = '0.75em';

plusEl.style.color = 'green';

const minusEl = document.createElement('div');

minusEl.textContent = minuses;

minusEl.classList.add('custom-comment-rating-minus');

minusEl.style.textAlign = 'center';

minusEl.style.fontSize = '0.75em';

minusEl.style.color = 'red';

ratingCount.parentNode.insertBefore(plusEl, ratingCount);

if (ratingCount.nextSibling) {

ratingCount.parentNode.insertBefore(minusEl, ratingCount.nextSibling);

} else {

ratingCount.parentNode.appendChild(minusEl);

}

comment.setAttribute('data-custom-added', 'true');

});

}

function addFooterPlusMinus() {

document.querySelectorAll('.story__footer-separator').forEach(sep => {

if (sep.parentElement.querySelector('.custom-footer-plusminus')) return;

const ratingBlock = sep.parentElement.querySelector('.story__footer-rating .story__rating-block');

if (!ratingBlock) return;

const pluses = ratingBlock.getAttribute('data-pluses');

const minuses = ratingBlock.getAttribute('data-minuses');

const newBlock = document.createElement('div');

newBlock.className = 'custom-footer-plusminus';

newBlock.style.display = 'flex';

newBlock.style.flexDirection = 'column';

newBlock.style.alignItems = 'center';

newBlock.style.paddingRight = '8px';

const plusEl = document.createElement('div');

plusEl.textContent = '+' + pluses;

plusEl.style.color = 'green';

plusEl.style.fontSize = '0.9em';

const minusEl = document.createElement('div');

minusEl.textContent = '-' + minuses;

minusEl.style.color = 'red';

minusEl.style.fontSize = '0.9em';

newBlock.appendChild(plusEl);

newBlock.appendChild(minusEl);

sep.insertAdjacentElement('afterend', newBlock);

});

}

function runAll() {

addPlusesAndMinuses();

addFooterPlusMinus();

}

runAll();

setInterval(runAll, 1000);

})();

То что сайт становится все более неудобным, тормозным а главное скучным уже никому не секрет.

Со своей стороны могу лишь предложить решение по тормозам, как вернуть сайту +100% к скорости (по своим наблюдениям) в браузере для ПК. Попутно отучить любопытным сервисам за вами следить (яндексам, тнскаунтерам и .т.п.). Сайт перегружен паразитными скриптами, которые не делают ничего полезного , кроме как тянут рекламу, следить за действиями пользователя , пытаются блокировать противодействие против них самих.

Как мы видим огромный лист нужного и ненужного (чего больше).

В чем заключается мой метод. Для начала берем простой... все просто, нам надо заблокировать все ненужное в этом списке (адб-блок не помогает в этом вопросе), стандартный блокировщик в хроме не умеет блокировать запросы по какой либо маске и протоколу https.

С этой задачей справляются хорошо специальные расширения в браузере. Для себя я использую Requst X (не рекламы ради), но вы можете использовать другой.

Вгоняем в него все что не относится напрямую к нормальному функционалу сайта

и получаем

Как можно наблюдать все лишнее порезалось, реклама уже динамически не подтягивается , сайт становится реально более отзывчивым и шустрым, без рекламы. Из минусов могу лишь назвать , только что сломался инфинити скрол, но если в настройках пикабу поставить постраничную пагинацию, то все работает отлично. Попутно я заблокировал некоторые запросы яндекса, что могут повлиять при работе с ним (если им пользуететесь), в любом случае список можно подправить под себя

Ниже приведу импорт файл с регулярными выражениями

https://drive.google.com/file/d/15OCOyK4Vr7ep3mn4A49GMLY_P6s....

либо просто сама внутрянка импорта:

{"type":"request","name":"pikabu","enabled":true,"rules":[{"method":"*","requestHeaders":[],"responseHeaders":[],"target":"-","url":"/^https:\\/\\/pikabu.ru\\/([a-zA-Z0-9-]{8})\\/([a-zA-Z0-9-])\\/*/"},{"method":"*","requestHeaders":[],"responseHeaders":[],"target":"-","url":"/^https://vk.com/js/api/openapi.js/"},{"method":"*","requestHeaders":[],"responseHeaders":[],"target":"-","url":"/^https://pikabu.ru/ajax/\\?key=*/"},{"method":"*","requestHeaders":[],"responseHeaders":[],"target":"-","url":"/^https://www.tns-counter.ru/tcounter.js/"},{"method":"*","requestHeaders":[],"responseHeaders":[],"target":"-","url":"/^https://a.pikabu.ru/ev(l|).php/"},{"method":"*","requestHeaders":[],"responseHeaders":[],"target":"-","url":"/^https://www.googletagmanager.com/*/"},{"method":"*","requestHeaders":[],"responseHeaders":[],"target":"-","url":"ttps://yandex.ru/an/rtbcount/*"},{"method":"GET","requestHeaders":[],"responseHeaders":[],"target":"-","url":"https://avatars.mds.yandex.net/get-direct/*"},{"method":"GET","requestHeaders":[],"responseHeaders":[],"target":"-","url":"https://yastatic.net/*"},{"method":"GET","requestHeaders":[],"responseHeaders":[],"target":"-","url":"https://yandex.ru/ads/*"},{"method":"*","requestHeaders":[],"responseHeaders":[],"target":"-","url":"https://cs.pikabu.ru/apps/ub/5.1.0/desktop/analytics.js"},{"method":"*","requestHeaders":[],"responseHeaders":[],"target":"-","url":"https://avatars.mds.yandex.net/get-vh/*"}]}

Пользуйтесь