Incorporar conteúdo da Web ao app como conteúdo principal ou de apoio

O Android permite que você aproveite o poder da Web no seu app. Assim, é possível se beneficiar da flexibilidade e eficiência da exibição de determinados tipos de conteúdo.

Como incorporar conteúdo usando WebView

A API WebView oferece acesso aos recursos de um mininavegador para exibir conteúdo da Web no seu app. Isso permite que você ofereça experiências baseadas na Web como parte principal ou de suporte no seu app, conforme mostrado na Figura 1.

Abertura do app Android no Google Play, com a visualização da Web principal destacada em uma caixa vermelha Abertura do app Android com texto de suporte dentro de uma caixa vermelha.
Figura 1. Conteúdo da Web incorporado ao app com objetos `WebView` como conteúdo principal (à esquerda) e de suporte (à direita).

O que WebView pode fazer

Você pode fazer o seguinte com WebView no seu app:

  • Incorporar a Web: um WebView é integrado à interface do usuário de um app como um componente, assim como um botão ou campo de texto.

  • Carregar conteúdo: WebView pode carregar conteúdo da Web de várias fontes:

    • URLs remotos: ele pode buscar e exibir páginas da Web da Internet, assim como um navegador normal.
    • Arquivos locais: ele pode carregar arquivos HTML, CSS e JavaScript armazenados nos recursos do app.
    • Conteúdo gerado dinamicamente: o app pode gerar conteúdo HTML dinamicamente e fornecê-lo ao WebView.

  • Renderizar: WebView usa o mecanismo do navegador para analisar e renderizar o HTML, CSS e JavaScript, mostrando a página da Web resultante na área designada na interface do app.

  • Executar JavaScript: WebView pode executar código JavaScript no contexto da página da Web carregada. Isso permite interações e atualizações dinâmicas no WebView.

  • Interagir com seu app: é aqui que WebView se torna mais poderoso. Ele permite a comunicação bidirecional entre a página da Web e o app.

    • Código JavaScript para o código do app: o código JavaScript em execução em um WebView pode chamar APIs de host do app, permitindo o acesso a recursos do dispositivo, como câmera, GPS, ou sensores.

    • Código do app para JavaScript: o app também pode injetar código JavaScript em um WebView, manipular o conteúdo da página da Web ou responder a eventos acionados pela página da Web.

Como WebView difere de um navegador

Um WebView é um componente altamente personalizado que fornece a funcionalidade principal de uma janela para a Web. Ao contrário de um navegador, que oferece uma barra de navegação e outros elementos da interface do usuário para navegar na Web de maneira mais ampla, a experiência geral de um WebView é moldada pelo design e pela finalidade do seu app.

Para entender melhor como WebView difere dos navegadores padrão, consulte as explicações a seguir:

Interface: um WebView é usado para mostrar conteúdo da Web e não tem um cabeçalho ou interface própria, como a maioria dos outros navegadores comuns, por exemplo, um botão home, barra de endereço ou um menu de configurações.

Recursos: muitos navegadores têm recursos integrados para aumentar a experiência de navegação, como favoritos, permissões ou histórico.

Atualizações: como o WebView do Android é um serviço do sistema no Android, as atualizações são enviadas e integradas aos apps automaticamente todos os meses. Os navegadores dependem das atualizações de apps correspondentes e, em seguida, para que os usuários finais apliquem a atualização nos dispositivos.

Primeiros passos

Para informações sobre como usar WebView no seu app, consulte o documento Criar apps da Web no WebView.

Outros recursos

Para desenvolver páginas da Web para dispositivos com tecnologia Android usando objetos WebView ou guias personalizadas, consulte os documentos a seguir: