Při vývoji responzivního webu jsem často potřeboval zjistit jak zrovna široké je okno prohlížeče v px, abych mohl odladit všechny možné stavy webové stránky. Proto jsem si nakódoval malého pomocníka: http://www.marshi.cz/files/sirka-okna.php který vám řekne aktuální rozměry okna.
Vypisovat si hodnoty šířky okna můžete i samozřejmě přímo do vývojové verze, zde je návod:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$( window ).resize(function() { // při každé změně šířky nebo výšky okna se aktualizuje hodnota
$( "#rozmery" ).html( "Toto okno má šířku " + $( window ).width() + "px a výšku " + $( window ).height() + "px " );
});
$( document ).ready(function() { // zápis hodnost při načtení stránky
$( "#rozmery" ).html( "Toto okno má šířku " + $( window ).width() + "px a výšku " + $( window ).height() + "px " );
});
</script>
A do HTML kodu si umístíte div s id „rozmery“, kam si vypíšete dané hodnoty.
<div id="rozmery"></div>