iPhone-Simulator

iOS-Simulator

Responsive Webdesign iPad- & iPhone-Simulator

Für die Optimierung mobiler Webseiten im iPad und iPhone eignet sich der iOS-Simulator. Dieses Programm ist ein Bestandteil von Xcode welches über den App Store installiert werden kann. Das Programm befindet sich hier unter folgenden Pfad.

/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/Applications/iOS-Simulator.app

iOS-Simulator iPhone
iOS-Simulator

Um den Web Inspektor nutzen zu können muss dieser im normalen Safari-Browser sowie im simulierten mobilen Safari aktiviert werden.

Web Inspector im mobilen Safari aktivieren
Mobile Web Inspector
Der Web Inspector muss unter Settings -> Safari -> Advanced -> Web Inspector aktiviert werden

Web Inspector im Desktop Safari aktivieren
Safari Web-Entwickler aktivieren
In den Einstellungen muss unter Erweitert -> Menü „Entwickler“ in der Menüleise anzeigen aktiviert sein. Sobald der iOS-Simulator gestartet wurde und im mobilen Safari eine Seite geöffnet ist, erscheint im Safari unter Entwickler ein neuer Eintrag namens iPhone Simulator und dahinter die URL der im iOS-Simulator aufgerufenen Seite. Durch Klicken auf die URL öffnet sich der mobile Web Inspektor.
Mobile Web inspector aufrufen

Web Inspector
Web Inspector

Impressum