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>