-
Cómo medir un sitio web en píxeles
-
Si no se detecta una resolución de pantalla de su sitio web de visitante, puede ser lo que es más difícil para ellos para ver su contenido. Una página diseñada para una pantalla con una resolución de 1.024 por 628 requiere el desplazamiento cuando se ve en una pantalla que no es compatible con esa resolución. Remediar este problema mediante la medición de los tamaños de sus páginas cuando los visitantes del sitio a navegar a su sitio. Los navegadores modernos tienen esta información pixel. A continuación, se les puede mostrar las páginas de tamaño adecuado en función de sus resoluciones de pantalla.Instrucciones
1 Lanzar su editor de HTML y abrir un documento de página Web.
2 Añadir la siguiente sección "<script>" después de la apertura de su documento "<head>" tag:
<Script type = "text / javascript">
</ Script>
3 Pegue el siguiente código JavaScript después de la apertura "<script>" tag:
<Script type = "text / javascript">
window.onload = function () {
getPixels ();
}
getPixels function () {
var = PixelWidth screen.width;
var = pixelHeight Screen.Height;
var pageSize = "Ancho de página =" + + PixelWidth ".. Página Altura =" + pixelHeight;
alerta (pageSize);
volver pageSize;
}
</ Script>
La función "window.unload" llama a una función llamada "getPixels" cuando un navegador carga la página. La función "getPixels", que se muestra después de la función "window.onload", recupera las dimensiones de la página mediante la comprobación de las propiedades "Screen.Height" "screen.width" y. Estas propiedades contiene las dimensiones de toda la pantalla del usuario. La función a continuación, muestra una ventana de alerta emergente que muestra esas dimensiones.
4 Guarde el documento HTML y abrirlo en un navegador. La función getPixels se ejecuta y muestra el tamaño de la página en píxeles.
Consejos y advertencias
- Retire la función de "alerta" antes de utilizar este código en su página web. También puede llamar a la función "getPixels" en la demanda, por ejemplo, cuando un usuario hace clic en un botón, en lugar de ejecutar la función cuando se carga la página.
