Mit jQuery Breite und Höhe des Browsers auslesen und in DIV-Container anzeigen.

Für die Optimierung von Responsive Webseiten ist es manchmal ganz hilfreich die Höhe und die Breite des Browsers zu kennen. Mit folgenden jQuery Code ist das schnell umgesetzt.

Javascript

$(document).ready(function(){
  $(function(){
    $(window).resize(function(){
      $("div.height").text("Höhe = " + $(window).height());
      $("div.width").text("Weite = " + $(window).width());
    });
  });
});

HTML

<div class="width"></div>
<div class="height"></div>