← 全部示例

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 分钟,并在每个匹配的页面上运行你的代码。无需账户、无需付费。

免费下载 查看应用场景