Android H5交互Webview实现localStorage数据存储

最新推荐文章于 2023-02-19 17:00:57 发布

赏金术士

最新推荐文章于 2023-02-19 17:00:57 发布

阅读量3.6k

点赞数

分类专栏： --------【Android】

--------【Android】专栏收录该内容

100 篇文章

订阅专栏

1.首先配置Webview控件的一些相关属性：

 WebView mywebView = new WebView(this);
 mywebView.getSettings().setJavaScriptEnabled(true);
 //设置 localStorge 传递信息到服务器的设置 默认是关闭的
 mywebView.getSettings().setDomStorageEnabled(true);// 打开本地缓存提供JS调用,至关重要
 mywebView.getSettings().setAppCacheMaxSize(1024 * 1024 * 8);// 实现8倍缓存
 mywebView.getSettings().setAllowFileAccess(true);
 mywebView.getSettings().setAppCacheEnabled(true);
 String appCachePath = getApplication().getCacheDir().getAbsolutePath();
 mywebView.getSettings().setAppCachePath(appCachePath);
 mywebView.getSettings().setDatabaseEnabled(true);

上面这些settings是实现localStorage需要的存储条件。

2.其次就是如何实现localStorage本地存储了：

在webView加载 onPageFinished完成之后，调用

  mywebView.setWebViewClient(new WebViewClient() {
            @Override
            public void onPageFinished(WebView view, String url) {
                super.onPageFinished(view, url);
                String userAgent = "shixinzhang";
                String js = "window.localStorage.setItem('userAgent','" + userAgent + "');";
                String jsUrl = "javascript:(function({
                    var localStorage = window.localStorage;
                    localStorage.setItem('userAgent','" + userAgent + "')
                })()";
                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
                    view.evaluateJavascript(js, null);
                } else {
                    view.loadUrl(jsUrl);
                    view.reload();
                }
            }
        });

当然这种写法前提是最外层你得有：mywebView.loadUrl(“地址”); 我觉得这样写除非在你已经有路径可写的情况下这样可以，但是没有的话就乖乖的写一个吧，localStorage也写在Html里面。

3.在javaScript.html文件实现localStorage数据存储：

 <!DOCTYPE html>
 <html>
 <head>
    <meta charset="utf-8">
    <script>
       function saveData(param){
          <!--console.log("android调用此方法=====>saveData");-->
          localStorage.setItem("userAgent",param,true);
          console.log("android调用此方法=====>getData==="+localStorage.getItem("userAgent"));
          window.android.getUserKey(localStorage.getItem("userAgent"));
       }
    </script>
 </head>
 
 </html>

当然我在这里也写了Js回调，不熟悉的可以参考一下：window.android.getUserKey(localStorage.getItem(“userAgent”));

 mywebView.loadUrl("file:///android_asset/javascript.html");
 mywebView.setWebViewClient(new WebViewClient() {
         @Override
         public void onPageFinished(WebView view, String url) {
             super.onPageFinished(view, url);
             view.loadUrl("javascript:saveData('123')");
         }
   });

注意：view.loadUrl(“javascript:saveData(‘123’)”);一定要在onPageFinished之后执行，因为浏览器加载完成这之后才能找到localStorage属性，因为这个是浏览器携带的属性。

当然JS回调我也给你们写出来：

 mywebView.addJavascriptInterface(new AppClass(getBaseContext()), "android");

 private class AppClass {
        private Context c;
 
        public AppClass(Context baseContext) {
            this.c = baseContext;
        }
 
        @JavascriptInterface
        public void getUserKey(String userKey) {
            Toast.makeText(c, userKey + "", Toast.LENGTH_SHORT).show();
            Log.e("Tag", "读取到userKey : " + userKey);
        }
    }

源码

转自：
https://blog.csdn.net/xhf_123/article/details/77893645