← Все примеры

JavaScript Чтение и фокус goodreads.com

Goodreads: отметить низко оценённые рецензии

Добавляет красную границу рецензиям с одной или двумя звёздами, чтобы их легко заметить.

Код для копирования

// Visually mark 1- and 2-star reviews with a red side border
function markLowRated() {
  document.querySelectorAll('.ReviewCard, .review').forEach(function (card) {
    var stars = card.querySelector('[aria-label*="star"], .staticStars');
    if (!stars) { return; }
    var label = (stars.getAttribute('aria-label') || stars.title || '').toLowerCase();
    if (label.indexOf('1 ') === 0 || label.indexOf('2 ') === 0 ||
        label.indexOf('did not like') !== -1 || label.indexOf('it was ok') !== -1) {
      card.style.borderLeft = '4px solid #c0392b';
      card.style.paddingLeft = '10px';
    }
  });
}
markLowRated();
window.setTimeout(markLowRated, 1500);

Как использовать этот пример

  1. Скопируй код кнопкой выше.
  2. Установи JustZix (2 минуты) и открой расширение на нужной странице.
  3. Добавь новое правило, совпадающее с этой страницей.
  4. Вставь код в панель JavaScript правила и сохрани — он запускается при каждом заходе на страницу.

Оцени этот пример

Оценок пока нет — оцени первым.

Этот пример работает?

Сниппеты бесполезны, если их некуда вставить.

JustZix устанавливается за 2 минуты и запускает твой код на каждой подходящей странице. Без аккаунта, без оплаты.

Скачать бесплатно Смотреть применение