← Wszystkie przykłady

JavaScript Czytanie i skupienie stackoverflow.com

Stack Overflow: podświetl wybraną nazwę użytkownika

Podświetla na żółto wystąpienia wybranej nazwy użytkownika w komentarzach i kartach autorów, by łatwiej ją zauważyć.

Kod do skopiowania

/* Highlight mentions of a chosen username in comments and posts */
(function () {
  var NAME = 'Jon Skeet';
  function highlight() {
    document.querySelectorAll('.comment-copy a, .user-details a').forEach(function (a) {
      if (a.dataset.sofHi) return;
      if (a.textContent.trim() === NAME) {
        a.dataset.sofHi = '1';
        a.style.background = '#fff3a8';
        a.style.padding = '0 3px';
        a.style.borderRadius = '3px';
      }
    });
  }
  highlight();
  new MutationObserver(highlight).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