有条件地包含浏览器脚本

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
}

有条件地包含浏览器脚本

Conditionally include script for browsers

javascript

jquery

reference

conditional-statements

jquery-events