Débogage des applications hybrides

Objectifs de formation

Une fois cette unité terminée, vous pourrez :

  • Déboguer les applications iOS hybrides sur un appareil équipé de Safari
  • Déboguer des applications Android sur un appareil équipé du navigateur Google Chrome
  • Utiliser votre appareil pour déboguer les applications Android exécutées sur votre ordinateur de développement

Débogage d'une application hybride sur iOS

Vous vous demandez comment déboguer des applications hybrides sur iOS ? Vous utilisez Safari pour communiquer entre votre système de développement est un appareil réel ou simulé. Pour les besoins de débogage, vous traitez votre application mobile en tant qu’application Web.

  1. Ouvrez Safari sur l'ordinateur.
  2. Sélectionnez Safari | Préférences.
  3. Cliquez sur l'onglet Avancé.
  4. Cliquez sur Afficher le menu de développement dans la barre de menu.
  5. Si vous utilisez le simulateur iOS :
    • Si Xcode est ouvert, appuyez sur CONTRÔLE, cliquez sur l’icône Xcode dans la barre de tâches, puis sélectionnez Ouvrir l’outil de développeur | Simulateur iOS.
    • Sinon, dans une fenêtre de terminal, saisissez open -a iOS\ Simulator.
  6. Dans le menu du Simulateur iOS, sélectionnez Matériel | Appareil.
  7. Sélectionnez un appareil.
  8. Ouvrez Safari depuis l'écran d'accueil de l'appareil ou du Simulateur iOS.
  9. Accédez à l'emplacement de votre application Web.
    Conseil

    Conseil

    Vous pouvez récupérer l’adresse de la fenêtre de sortie du débogueur Xcode. Par exemple :

    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
    est l’URL de la « page d’accueil » de cette application.
  10. Dans Safari sur votre ordinateur de bureau, sélectionnez Développeur | <votre appareil>, puis sélectionnez l’URL que vous avez ouverte dans Safari sur l’appareil ou le simulateur. La fenêtre de l’inspecteur Web s’ouvre et se joint à l’instance Safari en cours d’exécution sur votre appareil.

Débogage d'une application hybride sur Android

Vous vous demandez comment déboguer des applications hybrides sur Android ? Vous utilisez des appareils Android réels ou simulés avec le navigateur Google Chrome. Pour consulter des instructions récentes, recherchez « Remote Debugging » à l’adresse developers.google.com/web/tools/.