1page.title=Web Apps
2
3@jd:body
4
5<div class="figure" style="width:327px">
6  <img src="{@docRoot}images/webapps/webapps.png" alt="" />
7  <p class="img-caption"><strong>Figure 1.</strong> You can make your web content available to
8users in two ways: in a traditional web browser and in an Android application, by
9including a WebView in the layout.</p>
10</div>
11
12<p>There are essentially two ways to deliver an application on Android: as a
13client-side application (developed using the Android SDK and installed on user devices in an APK)
14or as a web application (developed using web standards and accessed through a web
15browser&mdash;there's nothing to install on user devices).</p>
16
17<p>If you chose to provide a web-based app for Android-powered devices, you can rest
18assured that major web browsers for Android (and the {@link android.webkit.WebView} framework)
19allow you to specify viewport and style properties that make your web pages appear at the proper
20size and scale on all screen configurations.</p>
21
22<p>Figure 1 illustrates how you can provide access to your web pages from either
23a web browser or your your own Android app. However, you shouldn't develop an Android
24app simply as a means to view your web site. Rather, the web pages you embed in your
25Android app should be designed especially for that environment. You can even define an
26interface between your Android application and your web pages that allows JavaScript in the web
27pages to call upon APIs in your Android application&mdash;providing Android APIs to your web-based
28application.</p>
29
30<p>To start developing web pages for Android-powered devices, see the following documents:</p>
31
32<dl>
33  <dt><a href="{@docRoot}guide/webapps/targeting.html"><strong>Supporting Different Screens from Web
34  Apps</strong></a></dt>
35  <dd>How to properly size your web app on Android-powered devices and support
36multiple screen densities. The information in this document is important if you're building a web
37application that you at least expect to be available on Android-powered devices (which you should
38assume for anything you publish on the web), but especially if you're targeting mobile devices
39or using {@link android.webkit.WebView}.</dd>
40  <dt><a href="{@docRoot}guide/webapps/webview.html"><strong>Building Web Apps in
41WebView</strong></a></dt>
42  <dd>How to embed web pages into your Android application using {@link
43  android.webkit.WebView} and bind JavaScript to Android APIs.</dd>
44  <dt><a href="{@docRoot}guide/webapps/debugging.html"><strong>Debugging Web Apps</strong></a></dt>
45  <dd>How to debug web apps using JavaScript Console APIs.</dd>
46  <dt><a href="{@docRoot}guide/webapps/best-practices.html"><strong>Best Practices for Web
47Apps</strong></a></dt>
48  <dd>A list of practices you should follow, in order to provide an effective web application on
49Android-powered devices.</dd>
50</dl>