Compartilhar via


Depurar aplicativos híbridos

Importante

Este projeto é uma versão experimental. Esperamos que você experimente associações blazor móveis experimentais e forneça comentários em https://github.com/xamarin/MobileBlazorBindings.

A depuração de aplicativos híbridos representa um desafio devido à combinação de componentes nativos da interface do usuário e componentes da interface do usuário da Web.

Depurando código .NET em aplicativos híbridos

O código .NET (por exemplo, C#) pode ser depurado por meio das técnicas de depuração padrão do .NET, como usar o Visual Studio para depurar o aplicativo.

Depurando a interface do usuário da Web em aplicativos híbridos

O código da interface do usuário da Web em um aplicativo híbrido é executado em um componente de exibição de navegador específico da plataforma. Esses componentes dão suporte a várias técnicas de depuração, normalmente usando ferramentas comuns para desenvolvedores de navegadores.

Os erros comuns específicos da Web são:

  • URLs ausentes/incorretas que fazem com que os recursos não sejam carregados
  • A interoperabilidade do JavaScript não está funcionando conforme o esperado

Depurar a interface do usuário da Web híbrida do Android

Pré-requisitos:

  • Ter o Google Chrome instalado em seu computador desenvolvedor

Etapas:

  1. Iniciar o aplicativo afetado no emulador do Android
  2. No Google Chrome em seu computador desenvolvedor, navegue até chrome://inspect/#devices
  3. Localize o "Destino Remoto" apropriado e selecione o inspetor desejado, que terá várias opções de depuração

Depurar a interface do usuário da Web híbrida do iOS

TODO: incluir etapas do Safari

Depurar a interface do usuário da Web híbrida do Windows

Etapas:

  1. Iniciar o aplicativo afetado
  2. Clique com o botão direito do mouse em qualquer exibição da Web no aplicativo e selecione Inspect, que iniciará as ferramentas de desenvolvedor

Depurar a interface do usuário da Web híbrida do macOS

TODO: incluir etapas do macOS

Depurar a interface do usuário da Web híbrida do Tizen

TODO: incluir etapas do Tizen