Menubar

viernes, 11 de marzo de 2016

Obtener el ancho o alto de la pantalla o del navegador con javascript

Ventana navegador web  Expongo unas cuentas funciones en JavaScript para conocer el ancho y alto, ya sea de nuestra pantalla o del navegador web. Quizá sea algo simple y tal vez no aporte mucho a estas alturas, pues son funciones clásicas para todo desarrollador web, pero, a veces lo fácil se hace difícil. Y que mejor que tener a la mano una pequeña ayuda como esto.

Las funciones en cuestión son:

getscreenwidth/getscreenheight
Donde estas retornan el tamaño máximo de nuestra pantalla.

getnavwindowwidth/getnavwindowheight
 Estas funciones intentan obtener el tamaño de nuestra ventana usando el método window.innerWidth y height respectivamente, pero este no suele estar disponible en todos los navegadores web (Ejemplo en versiones antiguas de Internet Explorer). Es por ello que si el método falla se recurre a la modalidad document.body.offsetWidth para obtener el dato correcto.

function getscreenwidth()
{
  return screen.availWidth;
}

function getscreenheight()
{
  return screen.availHeight;
}

function getnavwindowwidth()
{
  try
  {
return window.innerWidth;
  }
  catch(e)
  {
 
    try
{
 return document.body.offsetWidth;
}
catch(ex)
{
      return 0;
}
  }
  
}

function getnavwindowheight()
{
  try
  {
return window.innerHeight;
  }
  catch(e)
  {
 
    try
{
 return document.body.offsetHeight;
}
catch(ex)
{
      return 0;
}
  }
  
}

Procedencia de las imágenes:
File: Página web adaptandose al navegador
URL: http://www.danielazucotti.com/foto/m-responsive-web-design-web-diferentes-vistas.jpg
Licencia: Creative Commons

¿Te gustó este post?, entonces si lo deseas puedes apoyarnos para continuar con nuestra labor, gracias.


publicidad:
Compartir:
Temas relacionados:
Caritas para las respuestas:
Escriba el código en la respuesta para insertar divertidas caritas en sus respuestas.
:) :( ;) :D :-/ :x :P :-* =(( :-O X( :7 B-) #:-S :(( :)) =)) :-B :-c :)] ~X( :-h I-) =D7 @-) :-w 7:P 2):) :!! \m/ :-q :-bd ^#(^

No hay comentarios.:

Publicar un comentario

Votar por nosotros en Hispatop
Votar por nosotros en La Blogoteca
Comunidad Kynamio
Directorio de blogs, ¡agrega el tuyo!
Programas para el mantenimiento de Windows
Blog de seguridad informatica