← Wszystkie przykłady

JavaScript Czytanie i skupienie ebay.com

eBay: podświetl szukane słowa w wynikach

Podświetla na żółto wpisane słowa kluczowe w tytułach ofert, by łatwiej trafić w dokładne dopasowanie.

Kod do skopiowania

// Highlight the searched keywords inside result titles
function highlightKeywords() {
  const term = new URL(window.location.href).searchParams.get('_nkw');
  if (!term) { return; }
  const words = term.toLowerCase().split(/\s+/).filter(function (w) { return w.length > 2; });
  if (!words.length) { return; }
  document.querySelectorAll('.srp-results .s-item__title:not([data-jz-hl])').forEach(function (el) {
    el.setAttribute('data-jz-hl', '1');
    let html = el.innerHTML;
    words.forEach(function (w) {
      const re = new RegExp('(' + w.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') + ')', 'gi');
      html = html.replace(re, '<mark style="background:#fff176">$1</mark>');
    });
    el.innerHTML = html;
  });
}
highlightKeywords();
const obs = new MutationObserver(highlightKeywords);
obs.observe(document.documentElement, { 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