title: android WebView HTML5 access database problem
body: <p>i am work at an app 
  which Embed an WebView and display a HTML5 page .</p>
  
  <p>when open the html page in android chrome Browser.the database was create normal.</p>
  
  <p>but when i run this app , the database can not create .
  it seem that html page can not create the database on WebView.</p>
  
  <p>anybody know why?</p>
  
  <p><strong>here is my Activity code:</strong></p>
  
  <pre><code> public class efan_NewsReader extends Activity {
  /** Called when the activity is first created. */
  @Override
  public void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.main);        
      WebView myWebView=(WebView)findViewById(R.id.my_webview);
      myWebView.setWebViewClient(new WebViewClient());
      WebSettings settings = myWebView.getSettings();  
      settings.setJavaScriptEnabled(true);
      settings.setDomStorageEnabled(true);
      settings.setDatabaseEnabled(true);
      settings.setAppCacheEnabled(false);        
  
      myWebView.loadUrl("http://10.10.35.47:8080/html5test/test.htm");
  
  }}
  </code></pre>
  
  <p><strong>here is my HTML5 page source code：</strong></p>
  
  <pre><code>    &lt;html manifest="mymanifest.manifest"&gt;
      &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; content="no-cache" charset=utf-8" /&gt;
  &lt;script type="text/javascript" src="js/jquery-1.6.1.min.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
  $(document).ready(function(){       
  
      databaseTest();
  });
  
  function databaseTest(){
  
  
      //open database
       var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024);  
  
        db.transaction(function (tx) {            
        tx.executeSql('CREATE TABLE IF NOT EXISTS testHtml (id unique, contentText)');
        tx.executeSql('INSERT INTO testHtml (contentText) VALUES ("insert data test!")');  
         });  
  
       db.transaction(function(tx){           
       tx.executeSql('SELECT * FROM testHtml',[],function(tx,result){
              var len=result.rows.length;
              var msg = "&lt;p&gt;Found rows: " + len + "&lt;/p&gt;";  
               $("#testinfo").append(msg);
          },null);
       });    
  
  
  }
  
  &lt;/script&gt;
  
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div&gt;here is test info:&lt;/div&gt;
      &lt;div id="testinfo"&gt;&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>