¿Cómo mostrar las medidas de una pantalla?

[bowiecamaleon]

Espero que alguien me pudiera ayudar, creo que seria una herramienta util a la hora de diseñar una plantilla responsiva, esta es una pagina que muestra las medidas de las pantalla mas bien del div que la contiene y conforme se va haciendo pequeña la plantilla de muestra la medida (el ancho) es la plantilla de una pagina responsiva pero solo viene la plantilla, no viene esa funcion

http://goldilocksapproach.com/demo/?utm_source=goldilocks&utm_medium=goldilockspage&u tm_campaign=goldilocks

[pzin]

Yo hice para mi un pequeño código usando jQuery hace tiempo:

Código JavaScript:

$('body').append('<div id="rwd_info"></div>');
$('#rwd_info').append($('body').width()+"/"+$('body').height());
$(window).resize(function({$('#rwd_info').empty().append($('body').width()+"/"+$('body').height())});
 

Y luego lo colocas con CSS en el lugar que necesites:

Código CSS:

#rwd_info {
  position: fixed;
  right: 0;
  bottom: 0;
  padding: 5px;
  background: black;
  color: white;
  border-radius: 5px 0 0 0;
  z-index: 9999;
}
 

Viéndolo ahora, tal vez se podría usar text() en lugar de append(). Pero bueno, funciona bien.