Key Takeaways

Die Funktion. Entwickler werden ermutigt, einen Browser-spezifischen Code zu vermeiden und stattdessen die Funktionserkennung für zuverl?ssigere Ergebnisse zu verwenden.
Fünf m?gliche L?sungen für die fehlende JQuery $ $ .browser -Funktion enth?lt die Migration von JQuery mit dem JQuery Migrate -Plugin, die Verwendung von Modernizr zur Erkennung von Features, die Verwendung des neuen $ .Supports für Feature & Fehler -Erkennung, mithilfe von JavaScript/Manual -Erkennung oder Information des Benutzer über die nicht unterstützte Funktion.
Das JQuery -Migrate -Plugin kann als tempor?re L?sung verwendet werden, um veraltete Funktionen und Verhaltensweisen in neueren Versionen von JQuery wiederherzustellen. Die Aktualisierung Ihres Codes auf nicht mehr auf veraltete Funktionen wird für die langfristige Kompatibilit?t empfohlen.

Ok, jetzt wurde offiziell erkl?rt, dass die $ .browser -Funktion veraltet wurde. Was machen wir? Keine Panik Ich habe 5 m?gliche L?sungen, die Sie als Ermessensspielraum implementieren k?nnen. Diese Github -Nachricht aus dem Repo sagt alles wirklich:

?Das Repo ist nicht mehr aufrechterhalten. Bitte verwenden Sie das JQuery Migrate Plugin, wenn $ .browser erforderlich ist, den Code neu schreiben oder usenavigator.Useragent direkt. ”

Warum wurde $ .browser entfernt?

Die meisten Entwickler Gedanken, als sie anfingen, Fehler zu sehen, sagten: ?Was zum Teufel, warum wurde $ .browser entfernt?“. Lassen Sie mich ein wenig über einige m?gliche Gründe dafür erkl?ren. Da $ .browser Navigator.Useragent verwendet, um die Plattform zu bestimmen, ist es anf?llig für die Spoofing durch den Benutzer oder die falsche Darstellung durch den Browser selbst. Es ist immer am besten, einen Browser-spezifischen Code vollst?ndig zu vermeiden, soweit m?glich. Die $ .Support -Immobilie ist zur Erkennung von Unterstützung für bestimmte Funktionen erh?ltlich, anstatt sich auf $ .browser zu verlassen.

verfügbare Flags sind:

webkit (ab JQuery 1.4)
safari (veraltet)
Opera
MSIE (Beachten Sie, dass IE8 behauptet, 7 in Kompatibilit?tsansicht zu sein)
Mozilla

L?sung 1 - Migrieren Sie JQuery

Verwenden Sie das JQuery -Migrate -Plugin, um frühere Versionen von JQuery auf JQuery 1.9.x zu aktualisieren. Hier ist der Migrate $ .Browser -Code in all seinem Ruhm:

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>

L?sung 2 - Verwenden Sie Modernizr

Verwenden Sie Modernizr, um die Merkmalserkennung, HTML5/CSS3 usw. zu verwenden, anstelle der grundlegenden Browser -Erkennung. Ich finde Modernizr gro?artig!

L?sung 3 - Verwenden Sie jQuery.Support

Verwenden Sie die neue $ .Support, um Funktionen und Fehlererkennung zu verwenden. Noch einmal leistet JQuery alle harten Arbeiten und führt Tests am Browser durch und speichert die Ergebnisse auf dem JQuery. -Support -Objekt (jede Seite laden standardm??ig). Wir k?nnen dann einfachen Abfragen dieses Objekts, um zu bestimmen, dass eine Funktion zur Verfügung steht oder nicht. Zum Beispiel, um auf Deckkraft zu suchen, tun Sie dies einfach:

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>

L?sung 4 - Verwenden Sie JavaScript/Manuelle Erkennung

Browser und Versionen erkennen mit den folgenden JavaScript -Code -Snippets. Mackenmodelle haben ein ziemlich umfangreiches JavaScript -Browser-/Ger?teerkennungsobjekt, das sich als nützlich erweisen kann.

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

L?sung 5 - Pr?vention/Information

informieren Sie einfach den Benutzer, dass die Version von JQuery, die sie verwenden, die Funktion $ .browser nicht unterstützt. Ich würde diese L?sung wahrscheinlich nicht empfehlen, da sie nichts für die Benutzerfreundlichkeit bewirkt, sondern dazu verwendet werden k?nnte, bestimmte Plugins zu blockieren. Ich würde vorschlagen, die Entwicklerversion des Migrate -Plugins zu verwenden, das informatives Debugging einschaltet.

   <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>

Quelle: https://raw.github.com/house9/jquery-frame-auto-height/master/release/jquery.iframe-auto-height.plugin.1.9.1.js

wie immer, Kommentare, Vorschl?ge und Verbesserungen begrü?t.

h?ufig gestellte Fragen (FAQs) zur JQuery Browser -Funktion

Was ist die JQuery -Browser -Funktion und warum ist sie veraltet? Es wurde verwendet, um den vom Benutzer verwendeten Browser und Version zu erkennen. Diese Funktion wurde jedoch in JQuery Version 1.3 veraltet und in Version 1.9 entfernt. Der Grund für seine Abschaltung ist, dass es den Browser-spezifischen Code f?rderte, der gegen die Prinzipien der fortschreitenden Verbesserung und der anmutigen Abbauung steht. Stattdessen werden Entwickler ermutigt, die Merkmalserkennung zu verwenden, was ein zuverl?ssigerer und zukunftssicherer Ansatz ist. JQuery Browser -Funktion bedeutet, dass sie nicht mehr in neueren Versionen von JQuery unterstützt wird. Wenn Sie eine Version von JQuery mit 1,9 oder h?her verwenden, funktioniert jeder Code, der auf der JQuery -Browserfunktion beruht, nicht. Dies k?nnte m?glicherweise Ihre Website oder Anwendung brechen, wenn sie auf dieser Funktion beruht. Die beste L?sung besteht darin, Ihren Code so zu aktualisieren, dass sie sich nicht mehr auf diese Funktion verlassen. Verwenden Sie stattdessen die Funktionserkennung, um zu bestimmen, welche Funktionen der Browser des Benutzers verfügt. Wenn Sie Ihren Code nicht aktualisieren k?nnen, k?nnen Sie das JQuery -Migrate -Plugin verwenden, das die Jquery -Browser -Funktion wiederherstellt.

Was ist eine Funktionserkennung und wie kann ich sie anstelle der JQuery -Browserfunktion verwenden? Anstatt den Browser und die Version zu überprüfen, überprüfen Sie, ob eine bestimmte Funktion verfügbar ist. Dies ist ein zuverl?ssigerer und zukunftssicherer Ansatz. Sie k?nnen die Modernizr -Bibliothek zur Erkennung von Funktionen verwenden. So aktualisieren Sie Ihren JQuery -Code, um mit neueren Versionen von JQuery zu arbeiten. Es stellt veraltete Funktionen und Verhaltensweisen wieder her, so dass ?lterer Code immer noch mit neueren Versionen von JQuery funktioniert. Wenn Sie Ihren Code nicht so aktualisieren k?nnen, dass Sie sich nicht mehr auf die JQuery -Browserfunktion verlassen, k?nnen Sie das JQuery -Migrate -Plugin als tempor?re L?sung verwenden.

Um das JQuery -Migrate -Plugin zu verwenden, müssen Sie es nach Einbeziehung von JQuery in Ihre HTML -Datei aufnehmen. Sobald Sie das Plugin eingeschlossen haben, werden die JQuery -Browserfunktion und andere veraltete Funktionen automatisch wiederhergestellt. JQuery Browser -Funktion. Eine der beliebtesten Alternativen ist die Erkennung von Feature, die ein zuverl?ssigerer und zukunftssicherer Ansatz ist. Sie k?nnen die Modernizr -Bibliothek zur Erkennung von Funktionen verwenden. Eine andere Alternative besteht darin, die Eigenschaft navigator.useragent zu verwenden, obwohl dies nicht empfohlen wird, da er leicht gef?lscht werden kann. Erkennung, weil es ein zuverl?ssigerer und zukunftssicherer Ansatz ist. Die Browsererkennung basiert auf der Benutzeragentenzeichenfolge, die leicht gef?lscht oder falsch dargestellt werden kann. Auf der anderen Seite überprüft die Funktionserkennung, wenn eine bestimmte Funktion verfügbar ist. Dies ist eine genauere M?glichkeit, die Funktionen des Browsers des Benutzers zu bestimmen. Browserfunktion?

Um Ihren Code für die Verwendung der Funktionserkennung zu aktualisieren, müssen Sie alle Instanzen der JQuery -Browser -Funktion durch überprüfungen für bestimmte Funktionen ersetzen. Sie k?nnen die Modernizr -Bibliothek verwenden, um dies zu helfen. Anstatt zu überprüfen, ob der Benutzer Internet Explorer verwendet, k?nnen Sie beispielsweise überprüfen, ob der Browser eine bestimmte Funktion unterstützt, die für Internet Explorer eindeutig ist.

Was soll ich tun, wenn ich auf andere veraltete Funktionen in JQuery begegne? Sie k?nnen das JQuery-Migrate-Plugin als tempor?re L?sung verwenden. Es wird jedoch empfohlen, Ihren Code für langfristige Kompatibilit?t zu aktualisieren. überprüfen Sie immer die JQuery -Dokumentation auf die neuesten Informationen zu veralteten Funktionen und deren Alternativen.

Das obige ist der detaillierte Inhalt von5 M?glichkeiten zur Behebung von jQuery $ .browser -Funktion fehlen nicht gefunden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!