Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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 !!!
To usando parallax scrolling...
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/
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.
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]-->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 ?
Redirect com Javascript - http://stackoverflow.com/questions/2400935/browser-detection-in-javascript
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');
}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/"
End if
%>
Quando diz que ele não suporta algumas tecnologias, você se refere a recursos de HTML5 ou estilizações CSS?