Debug webapps

La plupart des développeurs d’applications web voudront probablement faire la plus grande partie de leur codage et débogage dans l’environnement habituel du navigateur. Le navigateur Ubuntu Touch est conforme aux standards modernes du web, et la plupart des applications web fonctionneront sans autre changement.

Pour les rares cas (espérons-le) où un débogage plus poussé est nécessaire, il y a deux façons d’obtenir plus d’informations sur l’échec.

Surveiller les journaux

Si vous êtes à l’aise dans un environnement du type interface en ligne de commande, la plupart des erreurs Javascript laisseront une entrée dans le fichier journal de l’application :

.cache/upstart/application-click-[YOUR_APP_NAME.AUTHOR_NAME..].log

You can check the log file in the terminal or use the LogViewer app.

Note

Enable developer mode for debugging to keep logs until the next reboot. Without developer mode enabled, logs will get deleted after you close the app.

Débogage dans le navigateur

Le navigateur par défaut d’Ubuntu Touch est basé sur la technologie Blink qui est également utilisée dans Chrome/Chromium. En démarrant le navigateur dans un mode spécial, vous avez accès au débogueur de type Chrome.

Sur votre téléphone, démarrez le navigateur en mode inspecteur :

export QTWEBENGINE_REMOTE_DEBUGGING=0.0.0.0:9221
morph-browser --desktop_file_hint=/usr/share/applications/morph-browser.desktop [web_site_url]

Maintenant, sur votre ordinateur, lancez le navigateur Chrome/Chromium et saisissez l’adresse http://ADRESSE_IP_DE_VOTRE_UT:9221