Bildschirmauflösung – dies ist eine der wichtigsten Einstellungen, die die Qualität der Anzeige von Informationen auf einem Computer oder Mobilgerät bestimmen. Die Kenntnis der Bildschirmauflösung kann in vielen Situationen nützlich sein, von der Entwicklung von Websites bis zur korrekten Anpassung von Bildern für Präsentationen. In diesem Artikel erfahren Sie, wie Sie die Bildschirmauflösung in einem Browser auf einem Computer oder auf einem mobilen Gerät ermitteln können.
In Browsern gibt es mehrere Möglichkeiten, die Bildschirmauflösung herauszufinden. Der erste und einfachste Weg - nutzen Sie die integrierten Browser-Tools. In den meisten modernen Browsern wie Google Chrome, Mozilla Firefox, Microsoft Edge, Opera und Safari können Sie die integrierte Entwicklerkonsole öffnen, die eine Funktion zum Anzeigen der Bildschirmauflösung enthält.
In Google Chrome und Mozilla Firefox. die Entwicklerkonsole kann durch Drücken der Tasten geöffnet werden Ctrl + Shift + I (oder Cmd + Option + I auf einem Mac), oder indem Sie im Browsermenü die Option "Entwicklertools" auswählen. Nachdem Sie die Entwicklerkonsole geöffnet haben, müssen Sie die Registerkarte "Elemente" oder "Code anzeigen" auswählen, um Informationen über die geöffnete Registerkarte und die Bildschirmauflösung anzuzeigen.
In Microsoft Edge, Opera und Safari. Die Entwicklerkonsole wird auch mit einer Tastenkombination geöffnet Ctrl + Shift + I (oder Cmd + Option + I auf dem Mac). Bei einigen Browserversionen müssen Sie zuerst den Entwicklermodus aktivieren, indem Sie das Browsermenü öffnen und das entsprechende Element auswählen. Nachdem Sie die Entwicklerkonsole geöffnet haben, müssen Sie die Registerkarte "Elemente" oder "Sandbox" auswählen, um die Informationen zur Bildschirmauflösung anzuzeigen.
Der zweite Weg - verwenden Sie Online-Dienste, die anbieten, die Bildschirmauflösung zu überprüfen. Bei solchen Diensten ist es einfach, die Seite zu öffnen, und sie zeigt automatisch die Auflösung Ihres Bildschirms an. Ein solcher Online-Dienst ist My Resolution Is.
Festlegen der Bildschirmauflösung im Browser
Sie können JavaScript verwenden, um die Bildschirmauflösung im Browser zu ermitteln. Dazu können Sie die window-Eigenschaft verwenden.screen , der Informationen zur Bildschirmauflösung und anderen Eigenschaften enthält.
Die folgende Tabelle zeigt ein Beispiel für die Definition der Bildschirmauflösung mithilfe von JavaScript:
| Eigenschaft | Die Beschreibung | Bedeutung |
|---|---|---|
| availWidth | Verfügbare Bildschirmbreite | |
| availHeight | Verfügbare Schirmhöhe | |
| width | Breite des Bildschirms | |
| height | Höhe des Bildschirms |
Im obigen Codebeispiel wird die Bildschirmauflösung in Pixeln angezeigt. Sie können die window-Eigenschaft verwenden, um die physische Auflösung in Zoll zu erhalten.devicePixelRatio .
Jetzt wissen Sie, wie Sie die Bildschirmauflösung im Browser mit JavaScript bestimmen können. Diese Informationen können hilfreich sein, wenn Sie ein responsives Design entwickeln und die Anzeige von Inhalten optimieren.
Wie mache ich das mit JavaScript
Sie können das window-Objekt und seine Eigenschaften innerWidth und innerHeight verwenden, um die Bildschirmauflösung in einem Browser mit JavaScript zu ermitteln.
Hier ist ein Beispielcode:
// Получаем ширину и высоту экранаvar screenWidth = window.innerWidth