Question

我有这样的脚本代码

setTimeout(function () {
    $('.grayscale .inactive img').each(function () {
        $(this).wrap('<div style="display:inline-block;width:' + this.width + 'px;height:' + this.height + 'px;">').clone().addClass('gotcolors').css({
            'position': 'absolute',
            'opacity': 0
        }).insertBefore(this);
        this.src = grayscale(this.src);
    }).animate({opacity: 1}, 500);

    $(".grayscale li").hover(function () {
        $(this).find('.gotcolors').stop().animate({opacity: 1}, 200);
    }, function () {
        $(this).find('.gotcolors').stop().animate({opacity: 0}, 500);
    });
}, 1);`

我在Mozilla Firefox中需要它，在Chrome中我对此grayscale(this.src)有错误。如何仅为Mozilla Firefox添加此脚本？

Answer 1

这是我在浏览器检测中找到的JavaScript库。

这可能是help

简单易用：

// Check if browser is Firefox
if (bowser.gecko) {
    console.info(bowser.version); // Log browser version
}

Answer 2

您可以在不使用任何库的情况下实现此目的。以下是如何做到这一点：

if(navigator.userAgent.toLowerCase().indexOf('firefox') > -1)
{
     //Your code
}

有条件地包括浏览器脚本

2 个答案: