JavaScript获取广告网络生成的a标签真实href值失败求助

问题核心是广告网络的JavaScript大概率是异步执行的——哪怕它放在你的代码之前，也可能因为需要发起网络请求、处理异步逻辑，导致在你的代码执行时，href还没被替换成真实URL，所以你拿到的还是初始的#url。

下面是几种可行的解决方法：

1. 用MutationObserver监听属性变化（最可靠） #

通过监听目标a标签的href属性变化，精准捕获到URL被替换的时刻：

const targetLink = document.querySelector('a[data-mc-cta="1"]');

const observer = new MutationObserver((mutations) => {
  mutations.forEach(mutation => {
    if (mutation.attributeName === 'href' && targetLink.href !== '#url') {
      const realUrl = targetLink.href;
      alert(realUrl);
      // 拿到URL后停止监听，避免不必要的性能消耗
      observer.disconnect();
    }
  });
});

// 启动监听，只关注属性变化
observer.observe(targetLink, { attributes: true });

2. 延迟执行代码 #

如果广告网络的URL替换不会耗时太久，可以用setTimeout延迟一段时间再获取，给异步逻辑留足执行时间：

setTimeout(() => {
  const maxConvLink = document.querySelector('a[data-mc-cta="1"]');
  const mcLink = maxConvLink.getAttribute("href");
  if (mcLink !== '#url') {
    alert(mcLink);
  } else {
    console.log("URL替换未完成，可适当延长延迟时间");
  }
}, 1000); // 延迟时长可根据实际情况调整，比如2000代表2秒

3. 利用广告网络的回调钩子 #

部分广告平台会提供加载完成的回调函数（比如onAdReady、onLinkUpdated这类），你可以查看广告网络的官方文档，找到对应的回调事件，把你的URL获取代码放在回调函数内执行，这样能确保在URL替换完成后再运行。

内容的提问来源于stack exchange，提问作者Mehul Kumar