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

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐