Páginas

viernes, 11 de marzo de 2016

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

Pantalla  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: Pantalla
URL: https://www.indiamart.com/proddetail/dell-computer-screen-14259909691.html
Licencia: Creative Commons

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