Ir para conteúdo

POWERED BY:

Arquivado

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

Diego Engel

Acessar site diferente de acordo com o Browser

Por , em Desenvolvimento frontend

Recommended Posts

Diego Engel    0

Diego Engel
Postado

Fala ae galera !!!

 

Estou construindo um site com algumas tecnologias que os navegadores mais antigos como o IE8 não suportam. Então gostaria de saber como faço para direcionar o usuário para outra página caso o navegador dele seja um que não suporta meu site.

 

Chrome, Firefox e IE 9, 10 e 11 >>> www.site.com.br/indexA.html

 

IE 8 e mais antigos >>> www.site.com.br/indexB.html

 

Desde já.. Valeu !!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diego Engel    0

Diego Engel
Postado

Na verdade, já vi sites com esse efeito funcionando perfeitamente no IE8, porém, estou com pouco tempo e preciso de uma solução rápida que me permita direcionar o usuário para um site diferente dependendo do navegador que ele estiver usando.

 

Da uma olhada nesses sites:

 

http://discover.store.sony.com/be-moved/

http://superplayer.fm/

 

Ambos mudam de acordo com o navegador. Se for no Chorme atualizado você verá o site de uma forma, se for no IE8 verá de outra.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Denis.Santos    7

Denis.Santos
Postado

Na verdade, não é que acessa um site diferente, ele muda o CSS de acordo com a versão do navegador, é fácil fazer isso, olhando o próprio código deles você poderá fazer, olha esse trecho:

 

<!--[if IEMobile 7 ]><html class="no-js iem7 oldie"><![endif]-->
<!--[if lt IE 7 ]><html class="no-js ie6 oldie" lang="en"><![endif]-->
<!--[if IE 7 ]><html class="no-js ie7 oldie" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="no-js ie8 oldie" lang="en"><![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!-->

Qualquer dúvida é só dizer.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diego Engel    0

Diego Engel
Postado

Obrigado Denis,

 

Mas eu gostaria de dar outra cara pro site.

No site do Superplayer, não me parece apenas CSS, parece que foi carregada outra página. Não tem como fazer isso ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Vinicius Cainelli    17

Vinicius Cainelli
Postado

Redirect com Javascript - http://stackoverflow.com/questions/2400935/browser-detection-in-javascript

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diego Engel    0

Diego Engel
Postado

Valeu pelo link do stackoverflow Vinicius Cainelli,

 

Baixei o conteudo desse link https://github.com/ded/bowser

 

E usei esse código na minha página e tudo funcionou perfeitamente

if (bowser.msie && bowser.version <= 6) {
  alert('Hello China');
} else if (bowser.firefox){
  alert('Hello Foxy');
} else if (bowser.chrome){
  alert('Hello Silicon Valley');
} else if (bowser.safari){
  alert('Hello Apple Fan');
} else if(bowser.iphone || bowser.android){
  alert('Hello mobile');
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

xanburzum    169

xanburzum
Postado

vc pode fazer de acordo com o browser e verificar se vem de qual dispositivo mobile também... eu uso assim em ASP:

 

<%
Function isMobile()
    Dim sys : sys = "android|avantgo|blackberry|bolt|boost|cricket|docomo|fone|hiptop|mini|mobi|palm|phone|pie|tablet|
up.browser|up.link|webos|wos"
              sys = split(sys,"|")
    Dim i : For i=0 to uBound(sys)
        v = InStr(lCase(Request.ServerVariables("HTTP_USER_AGENT")),sys(i))
        if v <> 0 then : isMobile = true : exit function : else : isMobile = false
    Next
End function
if isMobile() then
   Response.Status = "301 Moved Permanently"
   Response.AddHeader "Location", "<a href="/">http://m.seu_site.com/</a>"
End if
%>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito