Chrome扩展Content Script中window.location.href引发无限循环问题

你的代码现在遇到的问题主要有这几个：

• 没限定触发时机：不管用户是搜新内容、翻页还是点筛选，只要页面URL变了就会执行函数，直接导致循环。
• URL处理太粗糙：直接字符串替换前缀，碰到带其他参数的URL（比如翻页的&page=2）时，判断逻辑很容易失效。
• 判断条件不准：!currentURL.includes(newUrl)这个判断，在URL加了其他参数后，很可能误判成没处理过，再次跳转。

下面是修复后的代码和思路：

核心改进点 #

1. 只在搜索结果页干活：先判断当前是不是Google搜索结果页面，其他页面直接跳过。
2. 用URL对象安全改参数：避免字符串替换的坑，精准修改搜索词，不影响其他参数。
3. 加标记防重复处理：给已经处理过的URL加个专属参数，或者直接检查搜索词里有没有要加的内容，防止反复跳转。
4. 监听单页应用的URL变化：Google搜索是单页应用，翻页不会刷新页面，得监听页面变化来触发逻辑。

修改后的代码 #

// 防止并发处理的标记
let isProcessing = false;

const addSearchParameter = () => {
  // 只在Google搜索结果页执行
  if (!window.location.pathname.includes('/search')) return;

  // 正在处理时直接返回，避免循环
  if (isProcessing) return;
  isProcessing = true;

  const url = new URL(window.location.href);
  const searchQuery = url.searchParams.get('q');
  // 检查是否已经处理过这个搜索
  const hasProcessed = url.searchParams.has('ext_processed');
  // 要添加的目标参数内容
  const targetContent = 'in 2021';

  // 满足三个条件才执行修改：有搜索词、没处理过、搜索词里还没目标内容
  if (searchQuery && !hasProcessed && !searchQuery.includes(targetContent)) {
    // 更新搜索词
    url.searchParams.set('q', `${searchQuery} ${targetContent}`);
    // 加上处理标记，后续操作就不会再触发了
    url.searchParams.set('ext_processed', '1');
    // 跳转到更新后的URL
    window.location.href = url.toString();
  }

  isProcessing = false;
};

// Google搜索是单页应用，监听title变化来捕捉URL更新（搜索结果页title会随查询改变）
const observer = new MutationObserver(() => {
  addSearchParameter();
});

// 监听title标签的内容变化
const titleElement = document.querySelector('title');
if (titleElement) {
  observer.observe(titleElement, { childList: true });
}

// 页面首次加载时执行一次
addSearchParameter();

额外说明 #

• 如果希望用户手动删除in 2021后，扩展还能自动加回来，可以去掉ext_processed的判断，改成每次都检查搜索词里有没有目标内容，不过要注意调整逻辑避免循环。
• 在扩展的manifest.json里，把content script的匹配规则设为"matches": ["https://www.google.com/search*"]，这样只会在搜索页面注入脚本，减少不必要的性能消耗。

内容的提问来源于stack exchange，提问作者Tyler Puou