Welche Höhe, welche Breite hat mein Vieport?
Zum Testen von verschiedenen Websiten - besonders für mobile/ responsive Website benötigt man schon eine Hilfe, die einem dyn. anzeigt, welche Höhe/ Breite der aktuelle Brwoser-Viewport hat, um Veränderungen am CSS-Code etc. zu planen.
folgenen JScript-Code kann man dafür verwenden:
<!-- JS: $(document).ready(function(){ var MEASUREMENTS_ID = 'measurements'; // abstracted-out for convenience in renaming $("body").append('<div id="'+MEASUREMENTS_ID+'"></div>'); $("#"+MEASUREMENTS_ID).css({ 'position': 'fixed', 'top': '0', 'left': '0', 'background-color': 'black', 'color': 'white', 'padding': '5px', 'font-size': '10px', 'opacity': '0.4' }); getDimensions = function(){ return $(window).width() + ' (' + $(document).width() + ') x ' + $(window).height() + ' (' + $(document).height() + ')'; } $("#"+MEASUREMENTS_ID).text(getDimensions()); $(window).on("resize", function(){ $("#"+MEASUREMENTS_ID).text(getDimensions()); }); }); -->