5 Möglichkeiten zur Behebung von jQuery $ .browser -Funktion fehlen nicht gefunden

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!