user.jpg

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());
    });
});
-->
| zurück/back | Impressum | Sitemap | Kontakt | Datenschutz | © 2008 · Spielwiese · powered by PHPcms