Javascript para reconocer resolución de navegador
Me gustaría saber si existe algún javascript o algo sencillo que reconozca la resolución del navegador y adapte la página a el o que redireccione según la resolución a una página u a otra . Que no sea muy complicado gracias no conocimientos de javascript. Gracias
1 Respuesta
Respuesta de chispeante
1
Te mando el ejemplo.
1.- PAra saber la resolución:
<html>
<head>
</head>
<body>
<input type="button" value="Resolución" onclick="javascript:alert('La resolución es: '+screen.width+' x '+screen.height)">
</body>
</html>
2.- Para redirigir en función de la resolución unicamente es introducir una función en el onload y después redirigir donde tu quieras.:
<html>
<head>
<script LANGUAGE="JavaScript">
function redireccionar() {
var url640x480 = "http://www.tu-sitio.com/640x480";
var url800x600 = "http://www.tu-sitio.com/800x600";
var url1024x768 = "http://www.tu-sitio.com/1024x768";
if ((screen.width == 640) && (screen.height == 480))
window.location.href= url640x480;
else if ((screen.width == 800) && (screen.height == 600))
window.location.href= url800x600;
else if ((screen.width == 1024) && (screen.height == 768))
window.location.href= url1024x768;
else window.location.href= url640x480;
}
</script>
</head>
<body onLoad="redireccionar()">
</body>
</html>
1.- PAra saber la resolución:
<html>
<head>
</head>
<body>
<input type="button" value="Resolución" onclick="javascript:alert('La resolución es: '+screen.width+' x '+screen.height)">
</body>
</html>
2.- Para redirigir en función de la resolución unicamente es introducir una función en el onload y después redirigir donde tu quieras.:
<html>
<head>
<script LANGUAGE="JavaScript">
function redireccionar() {
var url640x480 = "http://www.tu-sitio.com/640x480";
var url800x600 = "http://www.tu-sitio.com/800x600";
var url1024x768 = "http://www.tu-sitio.com/1024x768";
if ((screen.width == 640) && (screen.height == 480))
window.location.href= url640x480;
else if ((screen.width == 800) && (screen.height == 600))
window.location.href= url800x600;
else if ((screen.width == 1024) && (screen.height == 768))
window.location.href= url1024x768;
else window.location.href= url640x480;
}
</script>
</head>
<body onLoad="redireccionar()">
</body>
</html>
