根据浏览器更改图像答案

【问题标题】：Change image based on browser根据浏览器更改图像
【发布时间】：2014-01-22 07:58:52
【问题描述】：

我需要能够根据所使用的浏览器更改图像。

也就是说，如果是Chrome，它会显示Image X，如果是Firefox，它将显示Image Z，如果是IE，它将显示Image Y

我猜我将不得不使用 jQuery.browser，但不确定如何从那里获取它？

【问题讨论】：

标签： jquery image browser cross-browser

【解决方案1】：

jQuery.browser 已从 jQuery 1.9 中删除，您必须包含 jQuery-Migrate

不过你也可以使用navigator.userAgent

var x = navigator.userAgent.toLowerCase();  

if(x.indexOf("chrome") > -1 ) alert("chrome")
else if(x.indexOf("firefox") > -1 ) alert("firefox");
else if(x.indexOf("msie") > -1 ) alert("ie");

但是 IE 11 userAgent 说

Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko

是的。 IE 11 不再说它是 IE，它说它是 Mozilla。

虽然，所有 IE 版本在其所有版本中都响应单词 Trident（其布局引擎）。

所以这样的东西可以在你的 javascript 中工作

if(x.indexOf("trident") > -1 ) alert("ie");

备用

 var x = navigator.userAgent.toLowerCase();   
 var browser = x.match(/chrome|msie|firefox|trident/));
 alert(browser) // example chrome, firefox

【讨论】：

【解决方案2】：

if ( $.browser.mozilla )
{
    alert( "I just found Mozilla w00T" );
}

如果您使用的是 jQuery 1.9+，则需要 jQuery-Migrate

您只需切换图片而不是提醒。

【讨论】：