Cómo detectar el tamaño de una ventana gráfica

Los diseñadores de aplicaciones Web necesitan saber cuánto espacio está disponible dentro de la ventana del navegador para desarrollar un diseño de página web. Este espacio, llamado la ventana del navegador, es la ventana en el navegador a través del cual se ve el contenido del documento. La ventana del navegador excluye las barras de herramientas de la ventana. Su tamaño también depende de si el navegador está en el modo de pantalla o ventana completa. Al detectar el tamaño de una ventana del navegador se puede proporcionar a los usuarios una mejor visualización de las páginas web.

Instrucciones

1 Haga clic en "Inicio" de Windows y luego haga clic en "Bloc de notas" para abrir el editor de texto Bloc de notas.

2 Haga clic en "Archivo", seleccione "Abrir" y haga doble clic en el archivo HTML, en el que desea agregar la detección de tamaño del navegador ventana gráfica.

3 Agregue el código siguiente al principio del archivo:

<Script type = "text / javascript">

<! -

viewportwidth var;

viewportheight var;

// los navegadores más estándares compatibles

(Mozilla / Netscape / Opera / IE7) utiliza window.innerWidth y

window.innerHeight

si (typeof window.innerWidth! = 'definido')

{

viewportwidth = window.innerWidth,

viewportheight = window.innerHeight

}

// IE6 en modo compatible con las normas (es decir, con un tipo de documento válido

la primera línea del documento)

else if (typeof document.documentElement! = "indefinido"

&& typeof document.documentElement.clientWidth !=

"Indefinido" && document.documentElement.clientWidth! = 0)

{

viewportwidth = document.documentElement.clientWidth,

viewportheight = document.documentElement.clientHeight

}

// versiones antiguas de IE

más

{

viewportwidth = document.getElementsByTagName('body')

[0] .clientWidth,

viewportheight = document.getElementsByTagName('body')

[0] .clientHeight

}

document.write ( '<p> Su anchura es de visualización

'+ Viewportwidth +' x '+ viewportheight +' </ p> ');

// ->

</ Script>

4 Haga clic en "Archivo", seleccione "Save'and continuación, haga clic en" OK "para detectar el tamaño del navegador ventana gráfica en la página web.