如何设置合适的图像取决于用户代理类型

【问题标题】：How to set an appropriate image depends on user agent type如何设置合适的图像取决于用户代理类型
【发布时间】：2026-02-10 02:20:04
【问题描述】：

让我有一张图片：

<img src="URL1"/>

我希望 src 属性为 URL1 仅适用于 Firefox 浏览器，而 URL2 适用于其他浏览器。有可能吗？

【问题讨论】：

见这里link。检测到浏览器后，您可以相应地设置图像src。
这是可能的，尽管用户代理检测很混乱并且通常不鼓励。但是有 JS 库可以做到这一点。基本上你需要有一个 onload 事件来检查浏览器并调整图像 URL
In Javascript, how do I determine if my current browser is Firefox on a computer vs everything else?的可能重复

【解决方案1】：

是的，这是可能的。试试这个。

if (!(window.mozInnerScreenX == null); ) {
      // Change your image
  }

【讨论】：

【解决方案2】：

使用 Jquery 检查您的浏览器代理

if(jQuery.browser.mozilla){
    // Change your image for URL1
}else{
    // Change your image for URL2
}

【讨论】：