如何让Chrome扩展仅在页面重载后修改按钮文本，而非点击时立即修改？

你的代码中document.arrive配置了fireOnAttributesModification: true，这个选项会让监听逻辑在目标元素的属性发生变化时触发回调。当用户点击“关联”按钮时，大概率间接修改了页面元素的属性（比如与房产关联状态相关的DOM属性变更），导致回调立即执行，触发按钮文本修改。另外，如果关联按钮的点击逻辑中调用了propertyInject函数，也会重复执行文本修改逻辑。

1. 调整document.arrive的监听配置 #

关闭属性修改触发的开关，确保仅在页面加载/元素首次出现时执行文本修改。

2. 限制propertyInject的执行时机 #

让该函数仅在页面初始加载或重载时运行，不要在关联按钮的点击逻辑中调用它——关联操作只需要更新追踪列表数据，UI修改留到下次页面加载时处理。

修改后的代码示例 #

var propertyInject = async function () { 
  // 仅在页面加载时读取一次房产关联状态
  const propertyDetail = await g_group.get(propertyId);

  if (propertyDetail) {
    document.arrive('[aria-label="Tax data"]', { 
      existing: true, 
      fireOnAttributesModification: false, // 关键：关闭属性变化触发回调
      onceOnly: true // 可选：如果元素只需处理一次，避免重复触发
    }, function (ele) {
      const targetElement = ele.querySelector('span :last-child');
      // 先校验元素存在，避免报错
      if (targetElement && targetElement.innerText !== "Analyze taxes") {
        targetElement.innerText = "Analyze taxes";
      }
    });
  }
}

// 确保仅在页面加载完成后执行一次
document.addEventListener('DOMContentLoaded', propertyInject);

额外说明 #

• 关闭fireOnAttributesModification后，只有当目标元素被首次添加到DOM，或页面重载时元素重新渲染，才会触发文本修改逻辑。
• 关联按钮的点击逻辑只需要负责将房产添加到g_group的追踪列表中，不需要调用propertyInject或任何UI修改代码，等待下次页面加载时，propertyInject会读取新的关联状态并更新按钮文本。

内容的提问来源于stack exchange，提问作者FB Prints