Debuggen hybrider Anwendungen

Nachdem Sie diese Lektion abgeschlossen haben, sind Sie in der Lage, die folgenden Aufgaben auszuführen:

• Debuggen von hybriden iOS-Anwendungen auf einem Gerät mit Safari
• Debuggen hybrider Android-Anwendungen auf einem Geräte mit dem Google Chrome-Browser
• Verwenden Ihres Gerät zum Debuggen von Android-Anwendungen, die auf Ihrem Entwicklungscomputer ausgeführt werden

Sie möchten gerne wissen, wie Fehler in hybriden Anwendungen unter iOS gefunden und behoben werden? Sie verwenden Safari für die Kommunikation zwischen dem Entwicklungscomputer und einem echten oder simulierten Gerät. Zum Debuggen wird die hybride Anwendung als Webanwendung behandelt.

1. Öffnen Sie Safari auf dem Desktop.
2. Wählen Sie Safari | Preferences (Safari | Einstellungen) aus.
3. Klicken Sie auf die Registerkarte Advanced (Erweitert).
4. Klicken Sie auf Show Develop menu in menu bar (Entwicklungsmenü in Menüleiste anzeigen).
5. Bei Verwendung des iOS-Simulators:
   • Drücken Sie die CTRL-Taste, wenn Xcode geöffnet ist, und klicken Sie auf das Xcode-Symbol in der Taskleiste. Wählen Sie dann Open Developer Tool | iOS Simulator (Entwicklertool öffnen | iOS-Simulator) aus.
   • Sie können auch open -a iOS\ Simulator in einem Terminalfenster eingeben.
6. Wählen Sie im Menü des iOS-Simulators Hardware | Device (Hardware | Gerät) aus.
7. Wählen Sie ein Gerät aus.
8. Öffnen Sie Safari im Startbildschirm des Geräts oder des iOS-Simulators.
9. Navigieren Sie zum Speicherort Ihrer Webanwendung. Tipp: Sie können die Adresse dem Xcode-Debugger-Ausgabefenster entnehmen. Beispiel:

   2016-05-19 12:16:31:410 MyTrailHybridLocal[86657:5137538] INFO|SFHybridViewController|Setting 
   file:///Users/johndoe/Library/Developer/CoreSimulator/
   Devices/22222222-3333-aaaa-dddd-42424242424B9/data/
   Containers/Bundle/Application/66665555-5555-3333-
   1111-B9B9B9B9/MyTrailHybridLocal.app/www/index.html 

   ist die Startseiten-URL für diese Anwendung.
10. Wählen Sie in Safari auf Ihrem Desktop Developer | <Ihr Gerät> und dann den URL aus, der in Safari auf dem Gerät oder im Simulator ausgewählt wurde. Daraufhin wird das Web Inspector-Fenster geöffnet und mit der aktiven Safari-Instanz Ihres Geräts verknüpft.

Sie möchten gerne wissen, wie Fehler in hybriden Android-Anwendungen gefunden und behoben werden? Sie können dies mit echten oder simulierten Android-Geräten im Google Chrome-Browser bewerkstelligen. Aktuelle Anweisungen für das "Remote Debugging" erhalten Sie unterdevelopers.google.com/web/tools/.

• Debuggen hybrider Anwendungen, die auf einem Mobilgerät ausgeführt werden
• Remote-Debugging für Android mit Chrome (developer.chrome.com)
• Optimale Nutzung des Simulators (Video in der iOS Developer Library)