html - 隐藏图像跟踪像素是否会导致问题(http 请求未通过)？

Question

我在使用图像标签的网页上有跟踪像素。这些在页面上留下空白。我想使用 css 隐藏它们。我已经验证了这两个示例:

<img src="https://placekitten.com/g/200/300">

对比

<img src="https://placekitten.com/g/200/300" style="display:none">

生成一个 http 请求(如我浏览器开发工具的网络选项卡所示)。有没有人看到以这种方式使用 css 隐藏跟踪像素有任何问题？我只在 Chrome 中进行了测试，并且 http 请求仍在进行中，所以应该没问题，但是是否有其他浏览器在图像隐藏时不会发送 http 请求？

Answer 1

我认为可以非常肯定地说这是适用于 99% 的浏览器变体的解决方案。除非您特别需要跟踪过时的浏览器、设置为怪异模式的浏览器，并确保 100% 的图像匹配得到处理，否则这应该是合适的。

如果您担心那 1%，您可以使用替代解决方案，例如让跟踪脚本以 1x1 像素透明 GIF 响应，这样您就可以保持它可见。

或者，您可以将图像定位在视口(viewport)之外 position: absolute; left: -999%;，尽管某些浏览器可能对这种行为持负面看法。