¿Cuál es la forma correcta de detectar Opera usando jQuery?

Question

Amazon.com ha actualizado recientemente su javascript y está causando problemas con algunos navegadores Opera.

Su código de detección del navegador se parece así, pero es defectuosa:

function sitbReaderIsCompatibleBrowser() { 
     if (typeof(jQuery) == 'undefined') { 
      return false; 
     } else { 
      var version = jQuery.browser.version || "0"; 
      var splitVersion = version.split('.'); 
      return (
        (jQuery.browser.msie && splitVersion[0] >= 6) // IE 6 and higher 
       || (jQuery.browser.mozilla && (
         (splitVersion[0] == 1 && splitVersion[1] >= 8) // Firefox 2 and higher 
        || (splitVersion[0] >= 2) 
        )) 
       || (jQuery.browser.safari && splitVersion[0] >= 500) // Safari 5 and higher 
       || (jQuery.browser.opera && splitVersion[0] >= 9) // Opera 5 and higher 
      ); 
     } 
} 

Nada obviamente equivocada salta a mí con este código, pero nunca he utilizado jQuery antes, así que no sé .

Aunque parece que este código intenta dejar pasar a los usuarios de Opera, cuando visito la página con Opera 9.64 recibo un mensaje de "navegador no compatible". Si cambio la configuración de Opera para que se informe como Firefox, ¡la página funciona a la perfección! Con eso en mente, estoy bastante seguro de que es un problema con el script y no con el navegador.

¿Algún experto de jQuery tiene alguna sugerencia?

Puede replicar el comportamiento visitando cualquier libro en Amazon y haciendo clic en el enlace "mirar dentro de este libro".

Answer 1

verifico para Opera como esto:

if (/Opera/.test (navigator.userAgent)) // do something 

¿Por qué quieres jQuery?

Answer 2

No estoy seguro (nunca reviso para la ópera de todos modos) pero si la funcionalidad incorporada de jQuery no detecta la opera, puede ser un error con el jQuery que necesita ser reparado. Sospecho que si ese es el caso, debería resolverse con bastante rapidez.

Answer 3

Es mucho mejor detectar las capacidades de JavaScript en lugar del navegador userAgent.

es decir, DOM, XmlHttpRequest, modelo de concurso completo (event.target vs event.srcElement), ActiveX, Java, etc

Al centrarse en las funciones de la API que se requieren, en lugar de un navegador de destino se creará una mayor robusto conjunto de scripts, e inevitablemente menos carcasa especial.

Este enlace aquí en opera probablemente le dirá más

Answer 4

Antes de jQuery 1.3, se puede utilizar jQuery.browser:

if($.browser.opera){ 
    alert("You're using Opera version "+$.browser.version+"!"); 
} 

partir de la versión 1.3, debe utilizar jQuery.support lugar.

La razón principal para esto es que debería evitar la búsqueda de navegadores, ya que las características pueden cambiar de una versión a otra, lo que hace que el código se vuelva obsoleto en poco tiempo.

En su lugar, siempre debe intentar usar feature detection. Esto le permitirá ver si el navegador actual es compatible con la función que está intentando usar, independientemente de la marca del navegador, versión, etc.

Answer 5

Hay un objeto especial window.opera que está presente en todos los Opera 5+ navegadores. Así que algo tan simple como:

if (window.opera && window.opera.buildNumber) { 
    // we are in Opera 
} 

sería suficiente.

Answer 6

En los tiempos actuales de HTML5, también puede verificar las características del navegador con frecuencia.

if (!window.FormData) { alert("xmlhttprequest L2 FormData interface not available"); } 

Answer 7

La razón principal por la que Amazon no funciona en Opera es debido a que la envíe código diferente del lado del servidor ya ... Si visita la misma página con Firefox y luego guardar esa página y vuelve a abrir en Opera funciona bien ...

Pero se comprometieron a arreglar eso en algún momento en enero ...

Answer 8

Una forma muy sencilla de Opera a sí mismos:

if (window.opera) { 
    //this browser is Opera 
} 

Fuente: http://my.opera.com/community/openweb/idopera/

Answer 9

creo que de esta manera es la mejor
si (window.opera.version() == 12) {}
Este ejemplo comprobar si la versión de la ópera es de 12. Muy útil cuando tengo problemas con Font- cara en Opera.