← Все примеры

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

Google: подсветить слова запроса в описаниях

Подсвечивает жёлтым слова запроса в описаниях результатов, помогая оценить релевантность ссылки.

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

// 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 });

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

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

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

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

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

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

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

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