Wie erkenne ich mithilfe von JavaScript die Bildschirmauflösung des Geräts eines Benutzers?

Bildschirmauflösung in JavaScript erkennen

Bei der Webentwicklung ist es oft notwendig, die Auflösung des Geräts des Benutzers zu ermitteln. JavaScript bietet eine bequeme Möglichkeit, diese Informationen für die meisten modernen Browser abzurufen.

Browserkompatibilität

Das window.screen-Objekt wird in allen gängigen Browsern unterstützt, einschließlich:

• Chrome
• Firefox
• Safari
• Edge
• Opera

Zugriffsbildschirm Auflösung

Um die Bildschirmauflösung zu erhalten, verwenden Sie die folgenden Eigenschaften des window.screen-Objekts:

• availHeight: Die verfügbare Höhe des Bildschirms in Pixel, ohne Symbolleisten, Menüs usw.
• availWidth: Die verfügbare Breite des Bildschirms in Pixel, ohne Symbolleisten, Menüs usw.
• height: Die absolute Höhe des Bildschirms in Pixel, einschließlich Symbolleisten, Menüs, usw.
• Breite: Die absolute Breite des Bildschirms in Pixel, einschließlich Symbolleisten, Menüs usw.

Native Auflösung für Mobilgeräte

Um die native Auflösung eines Mobilgeräts zu bestimmen, multiplizieren Sie die verfügbare Breite und Höhe mit dem Pixelverhältnis des Geräts:

<code class="javascript">nativeWidth = window.screen.availWidth * window.devicePixelRatio;
nativeHeight = window.screen.availHeight * window.devicePixelRatio;</code>

Absolute Auflösung erhalten

Wenn Sie Benötigen Sie die absolute Auflösung des Bildschirms (einschließlich Symbolleisten und Menüs), verwenden Sie die Eigenschaften height und width anstelle von availHeight und availWidth.

Beispiel

Der folgende Code ruft die ab Verfügbare Bildschirmauflösung:

<code class="javascript">let availHeight = window.screen.availHeight;
let availWidth = window.screen.availWidth;
console.log("Available screen resolution: " + availWidth + "x" + availHeight);</code>

Das obige ist der detaillierte Inhalt vonWie erkenne ich mithilfe von JavaScript die Bildschirmauflösung des Geräts eines Benutzers?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!