Apple iPhone 6 - Test in Phone Simulator

Apple iPhone 6 ist ein beliebtes Gerät zum Simulieren und Emulieren unter Webentwicklern und Designern zum Testen responsiver Layouts und mobilen UI-Verhaltens. Erscheinungsjahr: 2014.

Warum auf Apple iPhone 6 testen?

  • Viewport

    Der klassische iPhone-Viewport deckt veraltete Breakpoint-Annahmen auf.

  • Pixeldichte (DPR)

    Standardmäßige Pixeldichte zeigt verschwommene Bilder und Probleme mit der Icon-Skalierung auf dem Bildschirm.

  • Performance & Animationen

    Langsamere Hardware legt Performance-Probleme offen.

Viewport-Größe (CSS-Auflösung)

Der CSS-Viewport bestimmt, wie Media Queries, Layout-Breakpoints und responsive Komponenten funktionieren.

Für Apple iPhone 6 beträgt der CSS-Viewport:

  • Breite: 375 px
  • Höhe: 667 px

ℹ️ Die sichtbare Höhe kann je nach Browser-Oberfläche (Safari, Chrome usw.) leicht variieren.

Einige Analytics-Plattformen zeigen nur die physische Bildschirmauflösung (siehe unten) statt der CSS-Viewport-Größe an.

Um genau zu sehen, wie sich dieser Viewport unter realen Bedingungen verhält, kannst du Apple iPhone 6 direkt in deinem Browser mit dem Handy Simulator simulieren.

Kostenloser Apple iPhone 6-Simulator & Emulator

Genaue Viewport-Simulation direkt in deinem Browser.

  • Kein Konto erforderlich
  • 40+ Geräte enthalten
  • Funktioniert offline
Zu Chrome hinzufügen
  • Kostenlos
  • 4.8 Bewertung
  • 20,000+ Nutzer
Phone Simulator - Chrome Extension

Pixeldichte (Device Pixel Ratio)

Apple iPhone 6 hat ein Device Pixel Ratio von 2.

Jedes CSS-Pixel wird mit 2 physischen Pixeln gerendert, was zu schärferem Text und schärferen Bildern führt.

Für CSS-Targeting:

css
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	/* Stile speziell für hohe DPI */
}

In JavaScript:

js
window.devicePixelRatio;
// gibt zurück: 2

Physische Bildschirmauflösung

Die physische Auflösung bezeichnet die tatsächliche Anzahl der Hardware-Pixel auf dem Display. Obwohl sie CSS-Layouts nicht beeinflusst, wird sie häufig in Analytics und Gerätespezifikationen angezeigt.

  • Breite: 750 px
  • Höhe: 1334 px

ℹ️ Die physische Auflösung wird nicht für CSS-Layouts verwendet, wird aber oft in Analytics-Tools angezeigt.

Häufig gestellte Fragen

Wie groß ist der Viewport von Apple iPhone 6?

Apple iPhone 6 hat eine Viewport-Größe von 375×667 CSS-Pixeln.

Wie kann ich meine Website auf Apple iPhone 6 testen?

Du kannst es sofort mit der Chrome-Erweiterung Handy Simulator simulieren — kein echtes Gerät erforderlich.

Wie ist der Handy Simulator besser als Chrome DevTools für Apple iPhone 6?

DevTools zeigt eine ungefähre Viewport-Größe, emuliert aber nicht den echten mobilen Browser. Handy Simulator verwendet genaue Geräteeigenschaften und zeigt, wie deine Website in einer echten mobilen Browser-Umgebung dargestellt wird.

Kann ich Localhost mit dem Handy Simulator auf Apple iPhone 6 testen?

Ja. Handy Simulator funktioniert mit jeder lokalen URL, einschließlich localhost:3000, 127.0.0.1 und ähnlichen Entwicklungsumgebungen.

Muss ich ein Apple iPhone 6-Gerät kaufen, um zu testen?

Nein. Handy Simulator bietet genaue Gerätesimulation für 0 $ statt $129+ für ein physisches Gerät auszugeben.

Weitere Geräte für mobiles Testen