JQuery Mobile on Android webview

Note: in the below tutorial, we only covered the android side

in yourclass.java

package com.qaree.finder;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.webkit.WebChromeClient;

import android.webkit.WebSettings;

import android.webkit.WebView;

import android.webkit.WebViewClient;

public class MainActivity extends Activity {

WebView myWebView;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.webview);

WebView webview = (WebView)findViewById(R.id.webv);

      WebSettings webSettings = webview.getSettings();

      webSettings.setJavaScriptEnabled(true);

      webview.setWebViewClient(new WebViewClient());

      webview.setWebChromeClient(new WebChromeClient());

      //webview.loadData("", "text/html", null);//make sure this is commented otherwise "onclick" in jquery may not work

      webview.loadUrl("http://www.google.com");

      myWebView=webview;

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds items to the action bar if it is present.

getMenuInflater().inflate(R.menu.main, menu);

return true;

}

}

in webview.xml

<WebView xmlns:android="http://schemas.android.com/apk/res/android"

    android:id="@+id/webv"

    android:layout_width="match_parent"

    android:layout_height="match_parent" >

</WebView>

in AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

    package="com.your.package.name"

    android:versionCode="2"

    android:versionName="2.0" >

    <uses-sdk

        android:minSdkVersion="8"

        android:targetSdkVersion="18" />

    <uses-permission android:name="android.permission.INTERNET"/>

    <application

        android:allowBackup="true"

        android:icon="@drawable/ic_launcher"

        android:label="@string/app_name"

        android:theme="@style/AppTheme" >

        <activity

            android:name="com.qaree.finder.MainActivity"

            android:label="@string/app_name" 

            android:theme="@android:style/Theme.NoTitleBar"

            >

            

            <intent-filter>

                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />

            </intent-filter>

        </activity>

    </application>

</manifest>