Wie kann ich Bildschirm-, Webseiten- und Browserfensterabmessungen in verschiedenen Browsern abrufen?

Ermitteln der Bildschirm-, Webseiten- und Browserfensterabmessungen in allen gängigen Browsern

Um die Abmessungen verschiedener Bildschirm- und Fensterelemente in allen gängigen Browsern zu erfassen Browsern sollten Sie die folgenden Techniken in Betracht ziehen:

Aktueller Bildschirm Abmessungen

Greifen Sie auf das Objekt Bildschirm zu, um Bildschirmbreite und -höhe abzurufen:

window.screen.height;
window.screen.width;

Aktuelle Webseitenabmessungen

Für die HTML-Dokumentgröße verwenden Sie jQuery:

// Size of HTML document (similar to pageHeight/pageWidth)
$(document).height();
$(document).width();

Browserfenster Abmessungen

jQuery kann auch Browserfensterabmessungen abrufen:

// Size of browser viewport
$(window).height();
$(window).width();

Legacy-Berechnungen

Für ältere Browser war die Verwendung üblich eine Kombination aus Fenster- und Dokumenteigenschaften, um Abmessungen zu erhalten:

windowHeight = window.innerHeight || document.documentElement.clientHeight;
windowWidth = window.innerWidth || document.documentElement.clientWidth;
pageHeight = document.body.scrollHeight;
pageWidth = document.body.scrollWidth;
pageX = window.pageXOffset || document.documentElement.scrollLeft;
pageY = window.pageYOffset || document.documentElement.scrollTop;
screenHeight = window.screen.availHeight || window.screen.height;
screenWidth = window.screen.availWidth || window.screen.width;
screenX = window.screen.availLeft || window.screen.x;
screenY = window.screen.availTop || window.screen.y;

Das obige ist der detaillierte Inhalt vonWie kann ich Bildschirm-, Webseiten- und Browserfensterabmessungen in verschiedenen Browsern abrufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!