Comments on: How To: Implement HTML5 Storage on a WebView with Android 2.0

By: Aaron

Aaron — Thu, 07 Jul 2011 01:00:14 +0000

hi Joe:

i have a question that i would like to ask:

can i let the html5 page run in the WebView access my database which was created by the app.
it’s mean : can i let the app code and the html page run in the webview share the same database?

By: thomas

thomas — Wed, 04 May 2011 08:40:03 +0000

Hello,
I have a problem with the local storage for a webview which may
display an HTML5 app, but the test.html file informs me that local
storage is’nt supported by my browser…
Please take a look at my code :
package com.test.HelloWebView;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.util.Log;
import android.view.KeyEvent;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebStorage;
import android.webkit.WebView;
import android.webkit.WebViewClient;
public class HelloWebView extends Activity {
WebView webview;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
webview = (WebView) findViewById(R.id.webview);
webview.getSettings().setJavaScriptEnabled(true);
webview.setWebViewClient(new HelloWebViewClient());
webview.loadUrl(“file:///android_asset/test.html”);
WebSettings settings = webview.getSettings();
settings.setJavaScriptEnabled(true);
settings.setDatabaseEnabled(true);
String databasePath =
this.getApplicationContext().getDir(“database”,
Context.MODE_PRIVATE).getPath();
settings.setDatabasePath(databasePath);
webview.setWebChromeClient(new WebChromeClient() {
public void onExceededDatabaseQuota(String url, String
databaseIdentifier, long currentQuota, long estimatedSize,
long totalUsedQuota, WebStorage.QuotaUpdater
quotaUpdater) {
quotaUpdater.updateQuota(100000);
}
});
}
public boolean onKeyDown(int keyCode, KeyEvent event) {
if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack())
{
webview.goBack();
return true;
}
return super.onKeyDown(keyCode, event);
}
private class HelloWebViewClient extends WebViewClient {
public boolean shouldOverrideUrlLoading(WebView view, String
url) {
view.loadUrl(url);
return true;
}
}
}

Thanks,
Thomas.

By: Agus Haryanto

Agus Haryanto — Sun, 17 Oct 2010 01:09:24 +0000

Thanks Joe,

It’s Work, and finally i can use html5 database feature on webkit :)

By: Kevin

Kevin — Tue, 17 Nov 2009 13:36:00 +0000

figured out my problem. the value for updateQuota must be larger than the size given to openDatabase in javascript.

works like a charm now.

By: Joe B

Joe B — Mon, 16 Nov 2009 12:11:07 +0000

Hey

The filename is actually a directory name. Each site will have its own database, and this will be generated by WebKit. WebKit just needs to know where to store it.

As far as what you need to import, WebStorage alone should be enough. Putting a stub of a database in the APK isn’t needed, and will just increase your application size.

If you look at http://github.com/bowserj/phonegap/tree/android_2.0 you can see a working example of this.

By: Kevin

Kevin — Fri, 13 Nov 2009 09:25:02 +0000

hi Joe. I’ve been trying to figure this out myself and can’t seem to make it happen.

I believe I’m just not getting the location right. I get the “/data/data/package_name” part, but unsure about the file name part.

first, does the filename have any correlation to the name of the database in the HTML? (i.e. do they both have to be the same or is it irrelevant)

and do I need to include a stub of a database in my apk?

last what methods do I need to import? is android.webkit.WebStorage and android.webkit.WebStorage.QuotaUpdater enough?

By: Joe@Nitobi » Blog Archive » Where Data Lives on Android

Joe@Nitobi » Blog Archive » Where Data Lives on Android — Mon, 09 Nov 2009 14:52:12 +0000

[...] Blogs Joe Bowser’s Blog RSS « How To: Implement HTML5 Storage on a WebView with Android 2.0 [...]