Google: highlight query words in snippets
Highlights your query words in yellow inside the result snippets to help judge link relevance.
Code to copy
// 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 });How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's JavaScript panel and save — it runs on every page visit.
Rate this example
No ratings yet — be the first.