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());
});
});
-->