← Wszystkie przykłady

JavaScript Produktywność medium.com

Medium: przygaś przeczytane artykuły

Zapamiętuje klikane artykuły i przygasza ich karty w kanale, byś nie wracał do tego samego tekstu.

Kod do skopiowania

// Dim feed cards whose article link has already been visited
(function () {
  const STYLE_ID = 'jz-med-visited';
  if (!document.getElementById(STYLE_ID)) {
    const s = document.createElement('style');
    s.id = STYLE_ID;
    s.textContent = '.jz-med-seen{opacity:.5!important}';
    document.head.appendChild(s);
  }
  function mark() {
    document.querySelectorAll('article a[href]').forEach(function (a) {
      try {
        const key = 'jzmed:' + new URL(a.href).pathname;
        if (localStorage.getItem(key)) {
          const card = a.closest('article');
          if (card) { card.classList.add('jz-med-seen'); }
        }
        a.addEventListener('click', function () {
          try { localStorage.setItem(key, '1'); } catch (e) {}
        });
      } catch (e) {}
    });
  }
  mark();
  new MutationObserver(mark).observe(document.body,
    { childList: true, subtree: true });
})();

Jak użyć tego przykładu

  1. Skopiuj kod przyciskiem powyżej.
  2. Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
  3. Dodaj nową regułę dopasowaną do tej strony.
  4. Wklej kod w panelu JavaScript reguły i zapisz — uruchomi się przy każdym wejściu na stronę.

Oceń ten przykład

Brak ocen — oceń jako pierwszy.

Czy ten przykład działa?

Snippety są bezużyteczne, jeśli nie masz gdzie ich wkleić.

JustZix instalujesz w 2 minuty i odpalasz swój kod na każdej pasującej stronie. Bez konta, bez opłat.

Pobierz za darmo Zobacz zastosowania