根据浏览器更改图像

时间:2014-01-04 17:20:42

标签: jquery image browser cross-browser

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

即如果是Chrome,它会显示Image X,如果是Firefox,它会显示Image Z,如果是IE,它会显示Image Y

我猜我将不得不使用jQuery.browser,但不确定如何从那里拿走它?

2 个答案:

答案 0 :(得分:1)

从jQuery 1.9中删除了

jQuery.browser,你必须包含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 

答案 1 :(得分:0)

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

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

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