Pietro Gaião
RSS
  • Contato
  • Widgets
Como criar imagens transparentes com CSS ? CSS Sprites – Faça seu site carregar mais rápido

Como detectar o Browser / Navegador com Javascript

By Pietro Gaião On 24 de maio de 2010 · Leave a Comment · In JavaScript

Vamos ver um exemplo de script para detectar o navegador ie6.

Quase tudo neste tutorial funciona em todos os browsers JavaScript habilitado. No entanto, existem algumas coisas que simplesmente não funcionam em determinados navegadores, especialmente em navegadores mais antigos.

Às vezes pode ser útil detectarmos o navegador do visitante e, em seguida servi-lo com uma informação adequada.

A melhor maneira de fazer isso é fazer com que sua página web seja inteligente o suficiente para detectar qual browser o usuário está usando, ou então, a outra maneira seria o usuário trocar de navegadores. rsrs!

O objeto navigator contém todas as informações sobre o navegador do visitante, nome, versão e muito mais.

No exemplo abaixo iremos detectar se o usuário está usando um browser antigo (ie6). Caso ele esteja usando iremos move-lo para outra página, ou podemos também envia-lo uma mensagem.

No exemplo abaixo iremos redireciona-lo para outra página.

        var browser = navigator.appName;
        var ver = navigator.appVersion;
        var thestart = parseFloat(ver.indexOf("MSIE"))+1;
        var brow_ver = parseFloat(ver.substring(thestart+4,thestart+7));

        if ((browser=="Microsoft Internet Explorer") && (brow_ver < 7)){
          window.location="http://www.seusite.com.br/index_ie6.php";
        }
    

Observamos que após pegar-mos o nome do navegador, tivemos que pegar também a versão.

    var browser = navigator.appName;
    var ver = navigator.appVersion;
    var thestart = parseFloat(ver.indexOf("MSIE"))+1;
    var brow_ver = parseFloat(ver.substring(thestart+4,thestart+7));
    

emitimos então uma condição. Se o browser for Microsoft Internet Explorer e versão menor que 7, direcionaremos o usuário para outra página.

    if ((browser=="Microsoft Internet Explorer") && (brow_ver < 7)){
         window.location="http://www.seusite.com.br/index_ie6.php";
    }
    

Confira também:

  • Javascript Orientado a Objetos
  • Centralizando um objeto na Horizontal e Vertical com CSS
  • Como Carregar um arquivo XML
  • Manipular elementos html com JavaScript DOM

Popularity: 21% [?]

Tagged with: JavaScript 
Share →
Tweet

Deixe um Comentário Cancelar resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

  • Menu

    • Android
    • Git
    • JavaScript
    • CSS
  • Categorias

    • CSS (5)
    • JavaScript (14)
Porto Maravilha | Cidade Olímpica http://t.co/67XsQ7NO  — pietrogaiao

Pietro Gaião

Pages

  • Android
  • Git
  • JavaScript
  • CSS

The Latest

  • Participe você também. ie6NãO.
    Vamos acabar de vez com o Internet Explorer 6. O Internet Explorer 6.0 […]

More

© 2011 Pietro Gaião
PageLines by PageLines