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.


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
Juegos Online Gratis - TriJuegos.com
Comunidad Kynamio