jQuery 1.9 - 如何从$ .browser.msie迁移?

时间:2013-08-16 16:13:50

标签: javascript jquery html5

我正在更新引用 $。browser.msie 的旧项目。转移到 jQuery 1.9 当然会破坏这一点。

如何在不必包含jQuery Migrate的情况下重写此代码以获取相同的布尔值?

代码深埋在我们使用的旧javascript库中,需要确定msie是否正在运行,然后处理知识。我们宁愿不要过多编辑javascript,因为它很脆弱。

3 个答案:

答案 0 :(得分:8)

您可以考虑包含jQuery 1.8(https://github.com/jquery/jquery/blob/1.8.3/src/deprecated.js

)中的相关代码
(function() {
    var matched, browser;

    // Use of jQuery.browser is frowned upon.
    // More details: http://api.jquery.com/jQuery.browser
    // jQuery.uaMatch maintained for back-compat
    jQuery.uaMatch = function( ua ) {
        ua = ua.toLowerCase();

        var match = /(chrome)[ \/]([\w.]+)/.exec( ua ) ||
            /(webkit)[ \/]([\w.]+)/.exec( ua ) ||
            /(opera)(?:.*version|)[ \/]([\w.]+)/.exec( ua ) ||
            /(msie) ([\w.]+)/.exec( ua ) ||
            ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec( ua ) ||
            [];

        return {
            browser: match[ 1 ] || "",
            version: match[ 2 ] || "0"
        };
    };

    matched = jQuery.uaMatch( navigator.userAgent );
    browser = {};

    if ( matched.browser ) {
        browser[ matched.browser ] = true;
        browser.version = matched.version;
    }

    // Chrome is Webkit, but Webkit is also Safari.
    if ( browser.chrome ) {
        browser.webkit = true;
    } else if ( browser.webkit ) {
        browser.safari = true;
    }

    jQuery.browser = browser;
})();

答案 1 :(得分:2)

jQuery.browser()方法自jQuery 1.3以来已被弃用,并在1.9中被删除。如果需要,它可作为jQuery Migrate plugin

的一部分提供

另请参阅 jQuery Core 1.9 Upgrade Guide

答案 2 :(得分:0)

如果你真的需要这样做。有一种hacky,丑陋和无痛的方式: 把它放到你的HTML中。它会为你设置$ .browser.msie。

检测除IE10以外的IE:

<!--[if IE]>
    <script type="text/javascript">
        $(function(){
            if(!$.browser && !$.browser.msie) { $.browser = {}; } 
            else { return; }
            $.browser.msie = true;
        });
    </script>
<![endif]-->


检测包括IE10在内的所有IE

<!--[if IE]>
    <script type="text/javascript">
        $(function(){
            $('body').addClass('msie');
        });
    </script>
<![endif]-->
<script type="text/javascript">
    $(function(){
        var $body = $('body');
        // use this only if you need to detect IE10
        if (Function('/*@cc_on return document.documentMode===10@*/')()){
            $body.addClass('msie');
        }

        if($body.hasClass('msie')) {
            if(!$.browser && !$.browser.msie) { $.browser = {}; } 
            else { return; }
            $.browser.msie = true;
        }
    });
</script>