Question

如果我使用Chrome，我想展示img1.jpg（<img src="img1.jpg" alt="my Chrome Image">）。否则，如果我使用IE，我想显示img2.jpg（<img src="img2.jpg" alt="my IE Image">）。有可能吗？

提前致谢。

Answer 1

match = navigator.userAgent.match(/(chrome|safari|firefox|msie|opera|rv:11)\/?\s*([\d\.]+)/i);

匹配[1] 提供浏览器名称。 “rv：11”也代表IE11。

例如，您可以准备前缀图像并使用匹配值作为前缀：

myImg.src=match[1]+"-img1.jpg";
myImg.alt=match[1]+" Image";

Answer 2

您可以使用以下函数执行此操作，然后只使用IF语句设置该图像的属性。

function browsercheck() {
    var userAgent = window.navigator.userAgent;
    return (userAgent.indexOf("MSIE ") > 0 || !! userAgent.match(/Trident.*rv\:11\./));

}

var browser = browsercheck() ? 'IE' : 'Chrome';

if (browser == "IE")
{
     //Set attribute   
}

else if (browser == "Chrome")
{
     //Set attribute   
}

如果您需要了解确切的浏览器，请使用以下

navigator.browsercheck= (function(){
    var ua= navigator.userAgent, tem,
    M= ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
    if(/trident/i.test(M[1])){
        tem=  /\brv[ :]+(\d+)/g.exec(ua) || [];
        return 'IE '+(tem[1] || '');
    }
    if(M[1]=== 'Chrome'){
        tem= ua.match(/\b(OPR|Edge)\/(\d+)/);
        if(tem!= null) return tem.slice(1).join(' ').replace('OPR', 'Opera');
    }
    M= M[2]? [M[1], M[2]]: [navigator.appName, navigator.appVersion, '-?'];
    if((tem= ua.match(/version\/(\d+)/i))!= null) M.splice(1, 1, tem[1]);
    return { 'browser': M[0], 'version': M[1] };
})();

然后，您可以使用navigator.browserInfo.browser查询此内容以获取浏览器信息，或者如果您需要了解确切版本，则可以navigator.browserInfo.version。

信用：Browser detection in JavaScript?

HTML - 如何在不同的用户代理中显示不同的图像？

2 个答案: