Menubar

viernes, 11 de marzo de 2016

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

Por J. Manuel Mar H. Editar
Compartir en Facebook
Compartir en Twitter
Compartir en MeWe
Enviar a Reddit
Guardar en Internet archive
Guardar en  archive.today
Enviar por email
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.



Licencia de Creative Commons Esta obra está bajo una licencia de Creative Commons Reconocimiento 4.0 Internacional, haga clic aquí para conocer más detalles.

Publicidad:


Compartir:


Temas relacionados:


Danos tu voto
Comunidad Kynamio
Directorio de blogs, ¡agrega el tuyo!
Programas para el mantenimiento de Windows
Blog de seguridad informatica