Ir para conteúdo

POWERED BY:

Arquivado

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

Ravani

Script relacionando resolução de tela + Navegador

Recommended Posts

Olá pessoal, é o seguinte:

 

tenho dois scripts aqui, um deles, identifica qual a resolução do usuário e o redireciona para uma página pré-definida. O outro, identifica qual o navegador do usuário, e o redireciona para uma página pré-definida.

 

A questão é a seguinte: Navegadores como o Google Chrome e Safari tem suas telas maiores que o Internet Explorer e Mozilla Firefox. Sendo assim, eu precisava juntar esses dois scripts, para que o redirecionamento fosse feito com base na resolução E no navegador.

 

exemplo: se a resolução for 1024x768 + Firefox, redireciona para index1.htm

se for resolução 1024x768 + Chrome, redireciona para index2.htm

se for resolução 800x600 + Chrome, redireciona para index3.htm, e assim por diante... tentei uma concatenação com os scripts, mas ele sempre pegava as instruções da resolução (que vinham na frente) e ignoravam as instruções sobre o navegador.

 

 

Outra dúvida, é sobre a identificação do navegador. No script por exemplo, o IE é identificado como Microsoft Internet Explorer. Tentei a identificação do Firefox com vários nomes tipo (Mozilla Firefox, Firefox, Mozilla, etc), mas não funcionou. Onde eu vejo qual o nome "original" do navegador afim de acessá-lo através de um script?

 

Valeu pessoal!

 

Script Resolução

<script language="JavaScript1.2">

if (screen.width==800||screen.height==600) //if 800x600
window.location.replace("http://www.netscape.com")

else if (screen.width==640||screen.height==480) //if 640x480
window.location.replace("http://www.microsoft.com")

else if (screen.width==1024||screen.height==768) //if 1024x768
window.location.replace("http://www.yahoo.com.br")

else //if all else
window.location.replace("http://google.com") 

</script>

Script Navegador

<script>

var browser_type=navigator.appName
var browser_version=parseInt(navigator.appVersion)

//if NS 6
if (browser_type=="Netscape"&&browser_version>=5)
window.location.replace("http://mozilla.org")
//if IE 4+
else if (browser_type=="Microsoft Internet Explorer"&&browser_version>=4)
window.location.replace("http://microsoft.com")
//if NS4+
else if (browser_type=="Netscape"&&browser_version>=4)
window.location.replace("http://www.netscape.com")
//Default goto page (NOT NS 4+ and NOT IE 4+)
else
window.location="http://www.google.com"

</script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Faça algo como:

if( (screen.width==800||screen.height==600) && (browser_type=="Microsoft Internet Explorer"&&browser_version>=4) )
apesar de essa ser uma péssima prática, em termos de web. O teu site deve funcionar em qualquer navegador, em qualquer resolução, e ainda assim, funcionar se o suporte à Javascript estiver desabilitado.

 

Coisa que não acontecerá se você basear a tua aplicação nisso.

Deixe o navegador dizer pra você, quem ele é:

alert( navigator.appName );

Compartilhar este post


Link para o post
Compartilhar em outros sites

Faça algo como:

if( (screen.width==800||screen.height==600) && (browser_type=="Microsoft Internet Explorer"&&browser_version>=4) )
apesar de essa ser uma péssima prática, em termos de web. O teu site deve funcionar em qualquer navegador, em qualquer resolução, e ainda assim, funcionar se o suporte à Javascript estiver desabilitado.

 

Coisa que não acontecerá se você basear a tua aplicação nisso.

Deixe o navegador dizer pra você, quem ele é:

alert( navigator.appName );

 

Obrigado cara, mas não existe outro código que identifique os navegadores com maior precisão não? Esse tá chamando todos os navegadores de "Netscape", com excessão do Internet Explorer.

 

Você diz que essa não é uma boa prática. Que dica você me dá para não ter que usar esses métodos?

 

Obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Para saber o navegador, use alert(navigator.userAgent)

 

A dica é fazer um site que funcione em qualquer navegador e resolução.

 

Obrigado, mas esse tá chamando todos de Mozilla. No Google Chrome por exemplo, ele retorna isso aqui:

 

"Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/532.0 (KHTML, like Gecko) Chrome/3.0.195.32 Safari/532.0"

 

Doido né?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/532.0 (KHTML, like Gecko) Chrome/3.0.195.32 Safari/532.0

 

Você tem que fazer uma busca no retorno de navigator.userAgent para saber qual navegador é.

Safari: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_2; en-us) AppleWebKit/531.21.8 (KHTML, like Gecko) Version/4.0.4 Safari/531.21.10

Firefox: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.6; pt-BR; rv:1.9.1.3) Gecko/20090824 Firefox/3.5.3

Opera: Opera/9.80 (Macintosh; Intel Mac OS X; U; en) Presto/2.2.15 Version/10.01

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.