Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

daniele bianca

[Resolvido] existe algum javascript para exibir div somente em al

Recommended Posts

existe algum javascript que faça com que uma div só seja exibida em alguns navegadores?

 

quero exibir uma div somente nos navegadores: internet explorer, firefox, safari e opera. ou seja, não quero que essa div seja exibida no chrome.

Compartilhar este post


Link para o post
Compartilhar em outros sites

A propriedade userAgent do objeto navigator retorna uma identificação do navegador de onde se pode extrair o nome, a versão e o sistema operacional onde está rodando o navegador.

 

Referencia:

http://www.w3schools.com/jsref/prop_nav_useragent.asp

 

Depois é só usar a expressão regular 'Chrome' para identificar o Chrome. Se você quisesse identificar outros browsers, seria 'Opera', 'Safari', 'MSIE' e 'Firefox', respectivamente, para identificar o Opera, o Safari, o Internet Explorer e o Firefox.

 

Referencia objeto RegExp (para usar Expressões Regulares no javascript):

http://www.w3schools.com/jsref/jsref_obj_regexp.asp

 

<div id="no-chrome" style="display:none;">
  Conteúdo do DIV
</div>
<script type="text/javascript">
 var isChrome = new RegExp('Chrome').test(navigator.userAgent);

 if (!isChrome) {
   document.getElementById('no-chrome').style.display = "block";
 }
</script>

 

O jQuery também tem uma maneira de identificar o navegador, mas ele também usa navigator.userAgent para isso. E também identifica tanto o Chrome quanto o Safari como 'Webkit' (o nome do Layout Engine que ambos usam).

 

link: http://api.jquery.com/jQuery.browser/

 

Se você for usar isso para algum mecanismo de segurança, eu não recomendo, pois o user-agent pode ser fraudado facilmente.

Compartilhar este post


Link para o post
Compartilhar em outros sites

não sei o que estou fazendo de errado, mas não consegui fazer funcionar.

 

 

Se puder, poste o seu código.

 

Eu testei aqui colocando o código acima em um arquivo html e rodando em todos os navegadores. Todos exibiram o conteúdo da DIV, exceto o Chrome, como você quer.

 

Talvez o seu Chrome não esteja se identificando como Chrome.

 

Coloque isso em um arquivo html e abra-o com o Chrome, poste o resultado aqui:

<script type="text/javascript">
document.write(navigator.userAgent);
</script>

 

Deve exibir algo como:

Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.1 (KHTML, like Gecko) Chrome/21.0.1180.75 Safari/537.1

 

Observe que há o nome "Chrome" na string acima, é isso que a expressão regular identifica.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.