Anzeigeauflösung durch Javascript oder jQuery erhalten

Question

Ich habe JavaScript verwendet, um die Auflösung meiner Anzeige zu erhalten. Der folgende Code hat mir das Ergebnis 1440 x 900 für mein Macbook Pro

var screenWidth = screen.width; 
var screenHeight = screen.height; 

Allerdings, wenn ich Anzeige Einstellung meines Mac gehen überprüfen. Es zeigt 2880 x 1800. Ich frage mich, ob ich auf dem falschen Weg war, um die Auflösung eines Displays zu bekommen?

Answer 1

Sie haben ein Retina-Display. Sie können devicePixelRatio verwenden, um festzustellen, wie groß die physische Anzeigegröße ist.

var physicalScreenWidth = screen.width * window.devicePixelRatio; 
var physicalScreenHeight = screen.height * window.devicePixelRatio; 

In Ihrem Beispiel wird devicePixelRatio2