Código para optimizar web
Hola amigos,
Tengo entendido que existe la posibilidad de ponerle a una web una especie de página preliminar con un pequeño código (no se si html, java script, ...) que lo que hace es que comprueba la configuración del monitor del usuario que entra en la web y, dependiendo de su configuración (800X600 o 1024X768), le dirige a la versión optimizada de dicha web.
¿Sabéis si esto existe y dónde puedo conseguir el código?
Gracias de antemano y un saludo para todos,
Dohcan
Tengo entendido que existe la posibilidad de ponerle a una web una especie de página preliminar con un pequeño código (no se si html, java script, ...) que lo que hace es que comprueba la configuración del monitor del usuario que entra en la web y, dependiendo de su configuración (800X600 o 1024X768), le dirige a la versión optimizada de dicha web.
¿Sabéis si esto existe y dónde puedo conseguir el código?
Gracias de antemano y un saludo para todos,
Dohcan
1 Respuesta
Respuesta de chem
1
Si que se puede hacer
En este caso lo que debes hacer si quieres que tus visitantes vean tu página correctamente es utilizar un redireccionamiento según sea su configuración de pantalla.
Para hacer esto tienes que poner un código javascript en tu página principal que se encarga de detectar la configuración de pantalla del usuario y una vez echo esto le redirecciona a la página que tu debes crear específicamente para esa configuración de pantalla.
A continuación te dejo tres códigos javascript que hacen lo que te cuento arriba. El primero t detecta la resolución de pantalla y ademas detecta el navegador del usuario (IE o Netscape) para que no les de errores. Si tienes ya aparte el código de los navegadores te dejo otro en segundo lugar que solo detecta resoluciones 800 x 600
y 1024 x 768 y en tercer lugar t dejo el mismo que el segundo pero ademas con la resolución 640 x 480 añadida. Si no te cuesta mucho poner tu página a punto y no es muy grande t la recomiendo.
Resolución y navegador ->
Dentro del BODY:
------------------------------
<% if bc.browser="Netscape" Then %>
<SCRIPT LANGUAGE="JavaScript">
<!--
{
var w;
w=screen.width;
if (w >= 1024)
{
top.location.href="1024.asp";
}
if (w >= 800)
{
top.location.href="800.asp";
}
if (w >= 640)
{
top.location.href="640.asp";
}
}
-->
</SCRIPT>
<% Elseif bc.browser="IE" Then %>
<SCRIPT LANGUAGE="VBScript">
<1--
Width = CInt(Screen.Width)
If Width >= 1024 Then
top.location.href="1024.asp"
ElseIf Width=800 Then
top.location.href="800.asp"
ElseIf Width=640 Then
top.location.href="640.asp"
End If
-->
</SCRIPT>
<%
Else
response.redirect "/demo/someother.asp"
End If
%>
<%Set bc=Nothing%>
------------------------------
Si no quieres para resolucion 640 x 480 solo tienes que borrar estas lineas:
if (w >= 640)
{
top.location.href="640.asp";
}
ElseIf Width=640 Then
top.location.href="640.asp"
SIN NAVEGADOR (2 Resoluc.)->
Dentro del HEAD
-----------------------------
<script LANGUAGE="JavaScript">
function redireccionar() {
var url800x600 = "http://www.tu-sitio.com/800x600";
var url1024x768 = "http://www.tu-sitio.com/1024x768";
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= url800x600;
}
</script>
------------------------------
Dentro del BODY
------------------------------
<body onLoad="redireccionar()">
------------------------------
Sin navegadores (3 Resoluc.)->
Dentro del 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= url800x600;
}
</script>
------------------------------
Dentro del BODY
------------------------------
<body onLoad="redireccionar()">
------------------------------
Si decides colocar alguno de estos javas y t da algún error no dudes en escribirme diciéndome cual has escogido x que quizás m h
En este caso lo que debes hacer si quieres que tus visitantes vean tu página correctamente es utilizar un redireccionamiento según sea su configuración de pantalla.
Para hacer esto tienes que poner un código javascript en tu página principal que se encarga de detectar la configuración de pantalla del usuario y una vez echo esto le redirecciona a la página que tu debes crear específicamente para esa configuración de pantalla.
A continuación te dejo tres códigos javascript que hacen lo que te cuento arriba. El primero t detecta la resolución de pantalla y ademas detecta el navegador del usuario (IE o Netscape) para que no les de errores. Si tienes ya aparte el código de los navegadores te dejo otro en segundo lugar que solo detecta resoluciones 800 x 600
y 1024 x 768 y en tercer lugar t dejo el mismo que el segundo pero ademas con la resolución 640 x 480 añadida. Si no te cuesta mucho poner tu página a punto y no es muy grande t la recomiendo.
Resolución y navegador ->
Dentro del BODY:
------------------------------
<% if bc.browser="Netscape" Then %>
<SCRIPT LANGUAGE="JavaScript">
<!--
{
var w;
w=screen.width;
if (w >= 1024)
{
top.location.href="1024.asp";
}
if (w >= 800)
{
top.location.href="800.asp";
}
if (w >= 640)
{
top.location.href="640.asp";
}
}
-->
</SCRIPT>
<% Elseif bc.browser="IE" Then %>
<SCRIPT LANGUAGE="VBScript">
<1--
Width = CInt(Screen.Width)
If Width >= 1024 Then
top.location.href="1024.asp"
ElseIf Width=800 Then
top.location.href="800.asp"
ElseIf Width=640 Then
top.location.href="640.asp"
End If
-->
</SCRIPT>
<%
Else
response.redirect "/demo/someother.asp"
End If
%>
<%Set bc=Nothing%>
------------------------------
Si no quieres para resolucion 640 x 480 solo tienes que borrar estas lineas:
if (w >= 640)
{
top.location.href="640.asp";
}
ElseIf Width=640 Then
top.location.href="640.asp"
SIN NAVEGADOR (2 Resoluc.)->
Dentro del HEAD
-----------------------------
<script LANGUAGE="JavaScript">
function redireccionar() {
var url800x600 = "http://www.tu-sitio.com/800x600";
var url1024x768 = "http://www.tu-sitio.com/1024x768";
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= url800x600;
}
</script>
------------------------------
Dentro del BODY
------------------------------
<body onLoad="redireccionar()">
------------------------------
Sin navegadores (3 Resoluc.)->
Dentro del 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= url800x600;
}
</script>
------------------------------
Dentro del BODY
------------------------------
<body onLoad="redireccionar()">
------------------------------
Si decides colocar alguno de estos javas y t da algún error no dudes en escribirme diciéndome cual has escogido x que quizás m h
