javascript - 有条件地包含浏览器脚本

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

您可以在不使用任何库的情况下实现这一点。方法如下:

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