修復jQuery $的5種方法未找到瀏覽器功能-js教程-PHP中文網

鑰匙要點

> jQuery瀏覽器函數的棄用有什麼影響？ jQuery瀏覽器函數意味著它不再在較新版本的jQuery中支持。如果您使用的是1.9或更高版本的jQuery版本，則任何依賴jQuery瀏覽器函數的代碼都無法正常工作。如果您依賴此功能，這可能會破壞您的網站或應用程序。

什麼是功能檢測，我該如何使用它代替jQuery瀏覽器函數？

如何使用jQuery遷移插件來修復jQuery瀏覽器函數錯誤？

是否有jQuery瀏覽器函數的替代方法？ jQuery瀏覽器功能。最受歡迎的替代方案之一是功能檢測，這是一種更可靠，更適合未來的方法。您可以使用ModernIzr庫進行功能檢測。另一種選擇是使用navigator.useragent屬性，儘管不建議這樣做，因為它可以很容易被欺騙。

>如果我在jQuery中遇到其他不棄用的功能，該怎麼辦？

首頁

web前端

js教程

修復jQuery $的5種方法未找到瀏覽器功能

Lisa Kudrow

Feb 24, 2025 am 09:10 AM

5 Ways to Fix jQuery $.browser function missing not found

修復jQuery $的5種方法未找到瀏覽器功能

鑰匙要點

jQuery $。瀏覽器功能由於其易受欺騙和虛假陳述而被貶低。鼓勵開發人員避免特定於瀏覽器的代碼，而是使用功能檢測來獲得更可靠的結果。
>

“不再維護此存儲庫不活躍。如果需要$。瀏覽器，請使用jQuery遷移插件，請直接重寫代碼或usenavigator.useragent。

為什麼要刪除$。瀏覽器？

>大多數開發人員開始看到錯誤出現時，他們在想“到底是什麼，為什麼$瀏覽器被刪除了？”。好吧，讓我解釋一些可能的原因。因為$ ..兄弟使用navigator.useragent來確定平台，所以它很容易被用戶欺騙或瀏覽器本身虛假陳述。總是最好避免在可能的情況下完全避免使用特定於瀏覽器的代碼。 $ .support屬性可用於檢測特定功能的支持，而不是依賴$ .browser。

可用標誌為：

> webkit（作為jQuery 1.4）

> safari（已棄用）

> Opera
> msie（請注意，IE8在兼容性視圖中聲稱為7）
> mozilla

>解決方案2 - 使用Modernizr

使用ModernIzr利用特徵檢測，HTML5/CSS3等…而不是基本的瀏覽器檢測。我認為Modernizr很棒！

jQuery<span>.uaMatch = function( ua ) {
</span>        ua <span>= ua.toLowerCase();
</span>
        <span>var match = <span>/<span>(chrome)<span>[ /]</span>(<span>[w.]</span>+)</span>/</span>.exec( ua ) ||
</span>                <span><span>/<span>(webkit)<span>[ /]</span>(<span>[w.]</span>+)</span>/</span>.exec( ua ) ||
</span>                <span><span>/<span>(opera)(?:.*version|)<span>[ /]</span>(<span>[w.]</span>+)</span>/</span>.exec( ua ) ||
</span>                <span><span>/<span>(msie) (<span>[w.]</span>+)</span>/</span>.exec( ua ) ||
</span>                ua<span>.indexOf("compatible") < 0 && <span>/<span>(mozilla)(?:.*? rv:(<span>[w.]</span>+)|)</span>/</span>.exec( ua ) ||
</span>                <span>[];
</span>
        <span>return {
</span>                <span>browser: match[ 1 ] || "",
</span>                <span>version: match[ 2 ] || "0"
</span>        <span>};
</span><span>};
</span>
<span>// Don't clobber any existing jQuery.browser in case it's different
</span><span>if ( !jQuery.browser ) {
</span>        matched <span>= jQuery.uaMatch( navigator.userAgent );
</span>        browser <span>= {};
</span>
        <span>if ( matched.browser ) {
</span>                browser<span>[ matched.browser ] = true;
</span>                browser<span>.version = matched.version;
</span>        <span>}
</span>
        <span>// Chrome is Webkit, but Webkit is also Safari.
</span>        <span>if ( browser.chrome ) {
</span>                browser<span>.webkit = true;
</span>        <span>} else if ( browser.webkit ) {
</span>                browser<span>.safari = true;
</span>        <span>}
</span>
        jQuery<span>.browser = browser;
</span><span>}
</span>
<span>// Warn if the code tries to get jQuery.browser
</span><span>migrateWarnProp( jQuery, "browser", jQuery.browser, "jQuery.browser is deprecated" );
</span>

登入後複製

>解決方案3 - 使用jquery.support

>使用新的$ .support利用功能和錯誤檢測。 jQuery再次完成了所有艱苦的工作，並在瀏覽器上執行測試，並在jQuery.Support對像上存儲結果（默認情況下，每個頁面加載）。然後，我們可以簡單查詢此對像以確定是否可以使用功能。例如，要檢查不透明度支持，只需做到這一點：

jQuery<span>.uaMatch = function( ua ) {
</span>        ua <span>= ua.toLowerCase();
</span>
        <span>var match = <span>/<span>(chrome)<span>[ /]</span>(<span>[w.]</span>+)</span>/</span>.exec( ua ) ||
</span>                <span><span>/<span>(webkit)<span>[ /]</span>(<span>[w.]</span>+)</span>/</span>.exec( ua ) ||
</span>                <span><span>/<span>(opera)(?:.*version|)<span>[ /]</span>(<span>[w.]</span>+)</span>/</span>.exec( ua ) ||
</span>                <span><span>/<span>(msie) (<span>[w.]</span>+)</span>/</span>.exec( ua ) ||
</span>                ua<span>.indexOf("compatible") < 0 && <span>/<span>(mozilla)(?:.*? rv:(<span>[w.]</span>+)|)</span>/</span>.exec( ua ) ||
</span>                <span>[];
</span>
        <span>return {
</span>                <span>browser: match[ 1 ] || "",
</span>                <span>version: match[ 2 ] || "0"
</span>        <span>};
</span><span>};
</span>
<span>// Don't clobber any existing jQuery.browser in case it's different
</span><span>if ( !jQuery.browser ) {
</span>        matched <span>= jQuery.uaMatch( navigator.userAgent );
</span>        browser <span>= {};
</span>
        <span>if ( matched.browser ) {
</span>                browser<span>[ matched.browser ] = true;
</span>                browser<span>.version = matched.version;
</span>        <span>}
</span>
        <span>// Chrome is Webkit, but Webkit is also Safari.
</span>        <span>if ( browser.chrome ) {
</span>                browser<span>.webkit = true;
</span>        <span>} else if ( browser.webkit ) {
</span>                browser<span>.safari = true;
</span>        <span>}
</span>
        jQuery<span>.browser = browser;
</span><span>}
</span>
<span>// Warn if the code tries to get jQuery.browser
</span><span>migrateWarnProp( jQuery, "browser", jQuery.browser, "jQuery.browser is deprecated" );
</span>

登入後複製

>解決方案4 - 使用JavaScript/手動檢測

使用以下JavaScript代碼段來檢測瀏覽器和版本。 QuirksMode具有相當廣泛的JavaScript瀏覽器/設備檢測對象，可能被證明有用。

<span>if (jQuery.support.opacity)
</span><span>{
</span>   <span>//opacity you may do...
</span><span>}
</span>

登入後複製

解決方案5 - 預防/信息

只需通知用戶，他們使用的jQuery版本不支持$ .BROWSER函數。可能不會推薦此解決方案，因為它無助於可用性，但可以用來阻止某些插件。我建議使用遷移插件的開發人員版本，該插件打開內容豐富的調試。

>來源：https：//raw.github.com/house9/jquery-iframe-auto-height/master/master/release/jquere.iframe-auto-height.plugin.1.9.1.9.1.js 一如既往的評論，建議和改進。

   <span>/*
</span><span>        Internet Explorer sniffer code to add class to body tag for IE version.
</span><span>        Can be removed if your using something like Modernizr.
</span><span>    */
</span>    <span>var ie = (function ()
</span>    <span>{
</span>
        <span>var undef,
</span>        v <span>= 3,
</span>            div <span>= document.createElement('div'),
</span>            all <span>= div.getElementsByTagName('i');
</span>
        <span>while (
</span>        div<span>.innerHTML = '',
</span>        all<span>[0]);
</span>
        <span>//append class to body for use with browser support
</span>        <span>if (v > 4)
</span>        <span>{
</span>            <span>$('body').addClass('ie' + v);
</span>        <span>}
</span>
    <span>}());
</span>

登入後複製

經常詢問有關jQuery瀏覽器函數的問題（常見問題解答）

> jQuery瀏覽器函數是什麼，為什麼不棄用？

> jQuery瀏覽器函數是jQuery中的功能，它提供了有關用戶瀏覽器的信息。它用於檢測用戶使用的瀏覽器和版本。但是，此功能在JQuery版本1.3中被棄用，並在版本1.9中刪除。其貶值的原因是它鼓勵瀏覽器特定的代碼，這是違反了漸進式增強和優雅退化的原則。取而代之的是，鼓勵開發人員使用功能檢測，這是一種更可靠，更耐心的方法。