docs/html/guide/webapps/index.jd

page.title=Web Apps

@jd:body

<div class="figure" style="width:327px">
  <img src="{@docRoot}images/webapps/webapps.png" alt="" />
  <p class="img-caption"><strong>Figure 1.</strong> You can make your web content available to
users in two ways: in a traditional web browser and in an Android application, by
including a WebView in the layout.</p>
</div>

<p>There are essentially two ways to deliver an application on Android: as a
client-side application (developed using the Android SDK and installed on user devices in an APK)
or as a web application (developed using web standards and accessed through a web
browser&mdash;there's nothing to install on user devices).</p>

<p>If you chose to provide a web-based app for Android-powered devices, you can rest
assured that major web browsers for Android (and the {@link android.webkit.WebView} framework)
allow you to specify viewport and style properties that make your web pages appear at the proper
size and scale on all screen configurations.</p>

<p>Figure 1 illustrates how you can provide access to your web pages from either
a web browser or your your own Android app. However, you shouldn't develop an Android
app simply as a means to view your web site. Rather, the web pages you embed in your
Android app should be designed especially for that environment. You can even define an
interface between your Android application and your web pages that allows JavaScript in the web
pages to call upon APIs in your Android application&mdash;providing Android APIs to your web-based
application.</p>

<p>To start developing web pages for Android-powered devices, see the following documents:</p>

<dl>
  <dt><a href="{@docRoot}guide/webapps/targeting.html"><strong>Supporting Different Screens from Web
  Apps</strong></a></dt>
  <dd>How to properly size your web app on Android-powered devices and support
multiple screen densities. The information in this document is important if you're building a web
application that you at least expect to be available on Android-powered devices (which you should
assume for anything you publish on the web), but especially if you're targeting mobile devices
or using {@link android.webkit.WebView}.</dd>
  <dt><a href="{@docRoot}guide/webapps/webview.html"><strong>Building Web Apps in
WebView</strong></a></dt>
  <dd>How to embed web pages into your Android application using {@link
  android.webkit.WebView} and bind JavaScript to Android APIs.</dd>
  <dt><a href="{@docRoot}guide/webapps/debugging.html"><strong>Debugging Web Apps</strong></a></dt>
  <dd>How to debug web apps using JavaScript Console APIs.</dd>
  <dt><a href="{@docRoot}guide/webapps/best-practices.html"><strong>Best Practices for Web
Apps</strong></a></dt>
  <dd>A list of practices you should follow, in order to provide an effective web application on
Android-powered devices.</dd>
</dl>