Como checar a versão do Internet Explorer mais eficientemente

No desenvolvimento web, todo desenvolvedor sofre para deixar o layout de sua página compatível com a maioria dos navegadores  disponíveis no mercado (Chrome, Firefox, Safari, Opera e o Internet Explorer). O problema maior é são as versão mais antigas do Internet Explorer, que infelizmente muita gente ainda usa.

Sendo assim, o desenvolvedor faz uso de scripts para detectar qual navegador o usuário está utilizando e assim tomar providências necessárias. Como recentemente, onde tive problemas com CSS nas versões inferiores à 8ª do Internet Explorer. Uma das soluções encontrada, foi checar a versão do IE via JavaScript desta forma:

function getInternetExplorerVersion() {
  var rv = -1;
  if (navigator.appName == 'Microsoft Internet Explorer')
  {
    var ua = navigator.userAgent;
    var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
    if (re.exec(ua) != null)
      rv = parseFloat( RegExp.$1 );
  }
  return rv;
}
function checkVersion() {
  var msg = "Você não está usando Internet Explorer.";
  var ver = getInternetExplorerVersion();

  if ( ver > -1 )
  {
    if ( ver >= 8.0 )
      msg = "Você está usando uma cópia recente do Internet Explorer."
    else
      msg = "Você precisa atualizar sua cópia do Internet Explorer.";
  }
  alert( msg );
}

Porém, no meu caso, eu achei muito mais elegante e apropriado fazer uso de comentários condicionais (Conditional Comments), desta forma:

<!--[if gte IE 8]>
<p>Você está usando uma cópia recente do Internet Explorer.</p>
<![endif]-->

<!--[if lt IE 7]>
<p>Você deve atualizar sua cópia do Internet Explorer.</p>
<![endif]-->

<![if !IE]>
<p>Você não está usando Internet Explorer.</p>
<![endif]>

Este código faz praticamente a mesma coisa que a função do JavaScript, entretanto é mais eficiente, pois mesmo que o JavaScript esteja desativado no navegador do usuário, o código irá funcionar!

Fonte: MSDN

Um comentário sobre “Como checar a versão do Internet Explorer mais eficientemente

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s