Встраивание веб-контента в ваше приложение в качестве основного или вспомогательного контента.

Android позволяет использовать возможности веб-технологий в вашем приложении. Таким образом, вы можете воспользоваться преимуществами гибкости и эффективности отображения определенных типов контента.

Встраивание контента с помощью WebView

API WebView предоставляет доступ к возможностям мини-браузера для отображения веб-контента в вашем приложении. Это позволяет предоставлять веб-ориентированные возможности в качестве основной или вспомогательной части вашего приложения, как показано на рисунке 1 .

Приложение для Android, открытое в Google Play, с основным веб-интерфейсом, выделенным красной рамкой.Приложение для Android открывается, и внутри красной рамки находится пояснительный текст.
Рисунок 1. Веб-контент, встроенный в приложение, с объектами `WebView` в качестве основного (слева) и вспомогательного контента (справа).

Что может делать WebView

В вашем приложении с помощью WebView можно сделать следующее:

  • Встраивание веб-контента : WebView интегрируется в пользовательский интерфейс приложения в качестве компонента, подобно кнопке или текстовому полю.

  • Загрузка контента : WebView может загружать веб-контент из различных источников:

    • Удаленные URL-адреса: Он может получать и отображать веб-страницы из интернета, как обычный браузер.
    • Локальные файлы: позволяет загружать HTML, CSS и JavaScript файлы, хранящиеся в ресурсах приложения.
    • Динамически генерируемый контент: приложение может динамически генерировать HTML-контент и передавать его в WebView .
  • Отображение : WebView использует свой браузерный движок для анализа и отображения HTML, CSS и JavaScript, выводя результирующую веб-страницу в отведенной для нее области пользовательского интерфейса приложения.

  • Выполнение JavaScript : WebView может выполнять код JavaScript в контексте загруженной веб-страницы. Это позволяет осуществлять динамическое взаимодействие и обновления внутри WebView .

  • Взаимодействие с вашим приложением : именно здесь WebView проявляет свои лучшие качества. Он обеспечивает двустороннюю связь между веб-страницей и приложением.

    • Включение JavaScript в код приложения : код JavaScript, выполняющийся в WebView , может вызывать API-интерфейсы приложения, обеспечивая доступ к функциям устройства, таким как камера, GPS или датчики.

    • Внедрение кода приложения в JavaScript : приложение также может внедрять код JavaScript в WebView , манипулировать содержимым веб-страницы или реагировать на события, инициированные веб-страницей.

Чем WebView отличается от браузера?

WebView — это компонент, который можно настроить под себя и который предоставляет основные функции окна для доступа к веб-страницам. В отличие от браузера, который предоставляет панель навигации и другие элементы пользовательского интерфейса для более широкой навигации по сети, общее впечатление от использования WebView формируется дизайном и назначением вашего приложения.

Чтобы лучше понять, чем WebView отличается от стандартных браузеров, ознакомьтесь со следующими пояснениями:

UI : WebView используется для отображения веб-контента и не имеет собственного заголовка или элементов пользовательского интерфейса, как большинство других распространенных браузеров, например, кнопки «Домой», адресной строки или меню настроек.

Особенности : Многие браузеры имеют встроенные функции, улучшающие работу в браузере, такие как закладки, права доступа или история.

Обновления : Поскольку Android WebView является системной службой Android, обновления автоматически распространяются и интегрируются в приложения ежемесячно. Браузеры полагаются на соответствующие обновления приложений, а затем конечные пользователи могут установить обновление на своих устройствах.

Начать

Для получения информации о том, как использовать WebView в вашем приложении, см. документ «Создание веб-приложений с использованием WebView .

Дополнительные ресурсы

Для разработки веб-страниц для устройств на базе Android с использованием объектов WebView или пользовательских вкладок см. следующие документы: