Chrome DevTools Network Tab 多次触发相同的请求

问题描述

我有一个奇怪的问题。我有一个触发 GET 请求（用于跟踪目的）的点击处理程序，但是如果我在 Chrome DevTools 的网络选项卡上“播放”，每次我滚动到请求，或者我过滤该请求或我打开请求详细信息，同一个请求被一次又一次地触发。

一个视频值一千字

这就是第一次触发点击的方式

 ## HTML
 <a href="http://www.some_external_site.com" data-trk="http://api.mysite.com/cs-prebid?id=123456abcdef">Some Text</a>


 ## JS
 link.addEventListener(
   "click",function (event) {
     console.log("FIRE CLICK TRACKING PIXEL");
     if (link.dataset && link.dataset.trk) {
       const img = new Image();
       img.src = link.dataset.trk
     }
   },true
 );


 ## API Node.JS
 ... some code that check for valid tracking url params ...
 console.log("CLICK FIRED")
 res.writeHead(200,{ "Content-Type": "text/html; charset=UTF-8" });
 res.end();

更新

我已经通过制作一个简单的 XMLHttpRequest 解决了这个问题，但我很好奇为什么它会发生在跟踪像素上。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）