Suche…


Holen Sie sich die Bildschirmauflösung

So ermitteln Sie die physische Größe des Bildschirms (einschließlich Fensterchrom und Menüleiste / Startprogramm):

var width  = window.screen.width,
    height = window.screen.height;

Den verfügbaren Bereich des Bildschirms erhalten

So rufen Sie den "verfügbaren" Bereich des Bildschirms auf (dh, er enthält keine Balken an den Bildschirmrändern, aber Fensterchrom und andere Fenster)

var availableArea = {
    pos: {
        x: window.screen.availLeft,
        y: window.screen.availTop
    },
    size: {
        width: window.screen.availWidth,
        height: window.screen.availHeight
    }
};

Farbinformationen über den Bildschirm erhalten

So bestimmen Sie die Farbe und Pixeltiefe des Bildschirms:

var pixelDepth = window.screen.pixelDepth,
    colorDepth = window.screen.colorDepth;

Window innerWidth und innerHeight Eigenschaften

Holen Sie sich die Fensterhöhe und -breite

var width = window.innerWidth
var height = window.innerHeight

Seitenbreite und -höhe

Um die aktuelle Seitenbreite und -höhe (für jeden Browser) zu erhalten, z.

function pageWidth() {
  return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;
}

function pageHeight() {
  return  window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;
}


Modified text is an extract of the original Stack Overflow Documentation
Lizenziert unter CC BY-SA 3.0
Nicht angeschlossen an Stack Overflow