← Wszystkie przykłady

JavaScript Czytanie i skupienie google.com

Google: podświetl szukane słowa w opisach

Podświetla na żółto słowa z Twojego zapytania w opisach wyników, ułatwiając ocenę trafności linku.

Kod do skopiowania

// Highlight your query words inside the result snippets
function highlightTerms() {
  const q = new URLSearchParams(location.search).get('q');
  if (!q) { return; }
  const words = q.split(/\s+/).filter(function (w) { return w.length > 2; });
  if (!words.length) { return; }
  const rx = new RegExp('(' + words.map(function (w) {
    return w.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
  }).join('|') + ')', 'gi');
  document.querySelectorAll('#search .VwiC3b').forEach(function (el) {
    if (el.dataset.jzHl) { return; }
    el.dataset.jzHl = '1';
    el.innerHTML = el.innerHTML.replace(rx,
      '<mark style="background:#fff3a3">$1</mark>');
  });
}
highlightTerms();
const obs = new MutationObserver(highlightTerms);
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