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

  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.

---