Partager via


Déboguer des applications hybrides

Important

Ce projet est une version expérimentale. Nous espérons que vous essayez experimental Mobile Blazor Bindings et que vous envoyez vos commentaires à l’adresse https://github.com/xamarin/MobileBlazorBindings.

Le débogage d’applications hybrides pose un défi en raison de la combinaison de composants d’interface utilisateur natifs et de composants d’interface utilisateur web.

Débogage de code .NET dans des applications hybrides

Le code .NET (par exemple, C#) peut être débogué via les techniques de débogage .NET standard, telles que l’utilisation de Visual Studio pour déboguer l’application.

Débogage de l’interface utilisateur web dans des applications hybrides

Le code de l’interface utilisateur web dans une application hybride s’exécute dans un composant d’affichage de navigateur spécifique à la plateforme. Ces composants prennent en charge différentes techniques de débogage, généralement à l’aide d’outils de développement de navigateur courants.

Les erreurs courantes spécifiques au web sont les suivantes :

  • URL manquantes/incorrectes entraînant le chargement des ressources
  • L’interopérabilité JavaScript ne fonctionne pas comme prévu

Déboguer l’interface utilisateur web hybride Android

Conditions préalables :

  • Avoir Google Chrome installé sur votre ordinateur de développement

Étapes :

  1. Lancer l’application affectée dans l’émulateur Android
  2. Dans Google Chrome sur votre machine de développement, accédez à chrome://inspect/#devices
  3. Recherchez la « cible distante » appropriée et sélectionnez l’inspecteur souhaité, qui disposera ensuite de différentes options de débogage

Déboguer l’interface utilisateur web hybride iOS

TODO : Inclure les étapes Safari

Déboguer l’interface utilisateur web hybride Windows

Étapes :

  1. Lancer l’application affectée
  2. Cliquez avec le bouton droit dans n’importe quelle vue web de l’application et sélectionnez Inspect, qui lancera les outils de développement

Déboguer l’interface utilisateur web hybride macOS

TODO : Inclure les étapes macOS

Déboguer l’interface utilisateur web hybride Tizen

TODO : Inclure les étapes Tizen