Android WebView 设置支持 LocalStorage

遇到这样一个问题：

在 webview 中加载一个网页，这个网页要从网络上获取数据的。然后它需要调用 localStorage 将文件存储。在电脑浏览器端，微信端，各种浏览器测试都可以，但是，放到我的 webview 中的时候就不行了！

网页大概就是这么一个网页，注意看第 18 和 31 行，第 18 行是预留的位置（前端不是很懂，大概就是这个意思吧），然后第 31 行的代码将东西放置到手机上面，就是这个操作，如果你没有对 webview 进行设置的时候，webview 在加载这个 localStorage 的时候就会报错，类似这样的错误：Uncaught TypeError: Cannot call method ‘setItem’ of null。（这个东西你必须得通过 log 才能看到，webview 还是会给你默默的加载，即使错了也是默默的。。）

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> 首页</title>
<meta name="viewport" content="width=device-width,initial-scale=1"> 
<!--<link type="text/css" rel="stylesheet" href="css/index.css" >
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>-->
<script src="js/zepto.min.js"></script>
.............
</head>
<body>
...............
<div class="box">
 <!--顶部-->
 <div class="top">
 <p id="addr"></p>
 <span> 首页</span>
 <b><a href="#"><img src="images/search.png"></a></b>
 
 </div>
...............
<script>
................
  $ParseError: KaTeX parse error: Expected '}', got 'EOF' at end of input: (function(){$ 
 $var data = '{"code":"php","item":"1","function":"index"}';$ .post("http://192.168.1.199/AppServer/index.php",{data:data},function(date){
 var indexdate = eval("("+date+")");
 var weather = indexdate['data'].cityname;
 localStorage.setItem("CityName",indexdate['data'].cityname);
 $('#addr').html(localStorage.getItem("CityName"));
 var pro=indexdate['pro_json'];
 
................
</script>
</body>
</html>

解决方法

对你的 webview 设置如下代码：

mWebView.getSettings().setDomStorageEnabled(true);   
mWebView.getSettings().setAppCacheMaxSize(1024*1024*8);  
String appCachePath = getApplicationContext().getCacheDir().getAbsolutePath();  
mWebView.getSettings().setAppCachePath(appCachePath);  
mWebView.getSettings().setAllowFileAccess(true);  
mWebView.getSettings().setAppCacheEnabled(true);