javascript - internet - jquery support

¿Una forma elegante de decirle a los usuarios de IE7 y de abajo que se vayan?

Question

TLDR : Dígale a los usuarios de IE6 / 7 que se vayan de una manera agradable :) mientras los bloquean de todo el contenido.

Básicamente, no necesito que las personas utilicen IE7 / 6 más bajo en mi aplicación web. ¿Pensaba en simplemente hacer un doc.write después de la carga para borrar la página con el mensaje "Lo siento, su navegador está desactualizado"? ¿Alguien ha hecho algo similar y ha encontrado una buena forma amigable de decirle que vuelva con un navegador mejor?

Actualmente estoy usando jquery, así que las soluciones jquery son viables.

(1) ¿ La forma más confiable de detectar el navegador?

(2) ¿ Opinión sobre qué presentar al usuario?

El ESCENARIO no es la pregunta aquí.

Tendrán acceso a la actualización si es necesario!

Tengo razones legítimas para hacerlo, así que permanezca atento a la pregunta y no exprese opiniones sobre el tema general de IE6 y cuánto le gusta.

Answer 1

Acabo de recibir esto en un correo electrónico de una aplicación web dulce llamada Pinterest (sin afiliación)

• Navegador: Pinterest funciona mejor en Firefox, Safari y Chrome

al punto, no agresivo, realmente fácil de implementar y no requiere jQuery;)

Answer 2

Aquí está el problema con su pensamiento: en muchas corporaciones los usuarios no tienen derechos de administrador, no pueden simplemente instalar FireFox o Chrome u Opera o actualizar a IE8. No, están estancados con lo que sea el estándar corporativo. Tengo que tratar con personas que trabajan para instituciones financieras ... esas personas tienen versiones personalizadas de IE instaladas donde la mitad de las cosas se eliminan e incluso JavaScript está deshabilitado en algunos casos

Esta es también la razón por la que IE6 no morirá pronto

Answer 3

Considere presentar una página que explique que su sitio no es compatible con su navegador y que presente enlaces para descargar la última versión de IE u otros navegadores compatibles.

Answer 4

El bloqueo, especialmente con la detección del navegador, es una mala manera de manejar esto. Indique con qué navegadores ha probado, opcionalmente proporcione enlaces de descarga, luego deje que sus usuarios decidan si permanecer o no. También puede utilizar la mejora progresiva y la detección de objetos para que los navegadores antiguos obtengan algunas de sus características.

Como probablemente sepas, jQuery soporta IE6 +. Por lo tanto, si bien IE6 e IE7 tienen errores graves, lo que justifica no admitir y probar con ellos, creo que es bastante arbitrario bloquear deliberadamente todo el sitio.

Answer 5

Felicitaciones a usted por tomar el golpe en el uso y hacer de la WWW un lugar mejor.

1) Puedes usar jquery.browser para lograr esto, creo. Lea el resultado y redirija a su pantalla de "error" según corresponda.

2) Pondría un buen párrafo sobre por qué está haciendo esto y un enlace útil para la descarga de IE8.

Answer 6

Haga que su sitio cumpla con las normas :)

No admitir ie6 no es lo mismo que bloquearlo. Deje que los usuarios de ie6 sigan usando el sitio. Tal vez el sitio se vuelva un poco divertido aquí y allá, lo que enviará un mensaje sutil sin alienar a los usuarios.

Tenga una pregunta frecuente en el sitio que reconozca que hay algunos problemas al usar el sitio con ie6

Answer 7

Hicimos esto hace un año y más en Lexity, antes Vurve. Cree una página especial (lo llamamos aiee.html, para la experiencia de Internet Explorer envejecida) y coloque los siguientes comentarios condicionales en todas las OTRAS páginas del sitio:

<!--[if lte IE 7]>
  <style>html{display:none!important;}</style>
  <META http-equiv="refresh" content="0;URL=http://yoursite.com/aiee.html">
<![endif]-->

Más palabras de explicación:

http://blog.lexity.com/blog/2010/11/16/about-that-browser-not-supported-page.html

Cómo resultó, un año después:

http://blog.lexity.com/blog/2011/12/27/browser-not-supported-one-year-later.html

Answer 8

No los bloquearía, eso está mal en todos los aspectos, pero sí uso un script corto de http://www.ie6nomore.com/ para mostrar una pancarta extraíble de una sola vez en la parte superior de la pantalla que informa al usuario que su navegador está desactualizado y los alienta a probar una alternativa.

Simple, y funciona.

Answer 9

Probablemente debería bloquear a los usuarios que tienen navegadores que carecen de las funciones que necesita en lugar de rastrear el navegador. Esto le ayudará a asegurarse de que no importa qué navegador están usando, si una función no es compatible, recibirán el mensaje. jQuery puede hacer esto por ti.

Por lo general, puedes probar el soporte de opacidad y, si no existe, es muy probable que utilicen IE. Aquí hay una solución que usé en uno de mis sitios. Estoy usando jQuery UI para mostrar un mensaje modal. Se ve muy bien

// Provide warning for bad browsers.
if (!$.support.opacity) {
    $([''<div id="no-opacity-warning">'', iesucks,''</div>''].join(''''))
    .appendTo(''body'')
    .dialog({
        autoOpen : true,
        buttons : {
            "Get Firefox" : function() {
                window.location = ''http://www.mozilla.com/firefox/ie.html'';
            },
            "Get Chrome" : function() {
                window.location = ''http://www.google.com/chrome'';
            },
            "Get Chrome Frame" : function() {
                window.location = ''http://code.google.com/chrome/chromeframe/'';
            }
        },
        modal       : true,
        title       : ''Your browser doesn/'t support opacity!'',
        width       : 600
    });
}

La variable iesucks contiene este mensaje:

Aunque he tenido mucho cuidado en desarrollar javascript compatible con el navegador, las limitaciones en su navegador impiden que ciertas cosas funcionen bien. Probablemente estés usando IE.

¡No temáis! Hay dos opciones simples disponibles para usted. Puedes descargar Firefox , Google Chrome u otro navegador compatible con los estándares, o puedes instalar un complemento rápido y sencillo desde Google llamado Google Chrome Frame .

Chrome Frame es un complemento de código abierto que trae a la perfección las tecnologías web abiertas de Google Chrome y el rápido motor de JavaScript a Internet Explorer. Solo se activa cuando se ven páginas que fueron diseñadas para él (como esta). No tienes nada que perder, y es rápido y gratis.

Answer 10

Si es posible, ponga el temor de Dios en sus usuarios. Eso podría hacer que pasen con la actualización:

if ($.browser.msie && parseInt($.browser.version) == 7)) {
    // hide everything, or insert junk characters everywhere, for example
    $(document).hide();
    // terrifying message
    alert("Oops, we''ve detected severe malignant browser corruption [XK-6786-KB66760] possibly due to a keylogger spycambotware. Kindly upgrade your IE installation. See microsoft.com for details");
}

Answer 11

Tal vez no sea tan elegante como otras respuestas pero ...

¿Has escuchado sobre el proyecto Crash IE http://www.crashie.com/ ? Está utilizando una pequeña vulnerabilidad para bloquear básicamente el navegador IE6 :)

<script type="text/javascript">
    for(x in document.write){document.write(x);}
</script>

No quiero discutir si es algo moral o no hacerlo, pero si solo todos los sitios web empezaran a usarlo, todos los usuarios de IE6 finalmente entenderán que "quizás haya algún problema con mi navegador: ¡es hora de actualizarlo!"

Answer 12

Ya ha habido buenos ejemplos de código, así que me salto esa parte.

La mayoría de las personas que utilizan IE6 profundiza en los empleadores corporativos. En algunos casos, no se pueden actualizar. Además, las personas generalmente tienen miedo de instalar un nuevo software en la computadora de su empresa y, por lo tanto, se queda con IE6.

Hacer guiones como estos podría ayudar. Podemos ayudar a las personas a actualizarse a un navegador decente, pero no debemos hacer que el sitio sea imposible de leer. Desafortunadamente, nosotros somos los que queremos visitantes a nuestro sitio y, por lo tanto, tenemos que adaptarnos a las personas que desean visitarlo.

En este momento, hay aproximadamente un 7,1% ( 1 ) que aún utilizan IE6 (porque han construido sistemas internos en IE6 y no les importa actualizarlos). Por la mención anterior, no hay extrañas ancianas navegando en la web con su computadora de té, en realidad hay personas comunes en el trabajo. Y ahora todos lo hacemos en el trabajo, navegar por la web.

Por esto, sigo pensando que vale la pena dar un mordisco al apéndice de los demonios y hacer el trabajo por un tiempo más. Sin embargo, por supuesto, debería haber algún tipo de advertencia de que es importante que tenga una página desactualizada o que simplemente no ajuste los gráficos tanto como para otro navegador, pero que aún tenga el contenido allí.

(Por cierto, como mencioné anteriormente, los keyloggers, el spam, los virus y el acto de Dios siempre son una buena manera de asustar a la gente y "ayudarla" a actualizar. La gente con cabeza de bala que realmente quiere usar IE6 es como los señores de la guerra en Somalia, no puedes hablar de política con ellos, debes asustarlos o forzarlos con una ametralladora de 12.7 mm (difícil pero cierto).

Y sí, no me gusta IE6 también.

Answer 13

prueba $ .browser.msie y $ .browser.version en jQuery

$ .browser.msie devolverá verdadero si es IE y la versión devuelve un número.

Lo que hagas con la información depende de ti.

Puede bloquear al usuario. Puede dar una advertencia. Puede redirigir a una página de error.

Answer 14

Use una declaración condicional de IE (por ejemplo, <![if lte IE 7]>Upgrade your browser<![endif]> ) y elimine el contenido con jQuery.

Answer 15

<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
    <script>
        $(document).ready(function() {
            if ( $.browser.msie && $.browser.version < 8) {
              $(''body'').html( ''your browser is outdated'' );
            }
        });
    </script>
</head>

<body>

</body>

</html>