Question

我有一个webview android应用程序，它打开一个包含一些HTML5 / JavaScript代码的网页。我想将一些值从我的应用程序的android端传递到浏览器端。所以我想从Android写入HTML5 localstorage，然后网页的Javascript部分从localstorage中读取值。

Android webview如何写入HTML5 localstorage？

或者是否有一种方式android可以将一些值传递给它加载的页面的javascript？（无需重新加载整个页面）假设在HTML5 localstorage上写一些内容然后javascript代码从HTML5 localstorage中读取该内容

与how to pass json formatted data from a webview to a html page不同。我需要一种通过android

写入HTML5 localstorage的方法

Answer 1

传递变量，如字符串stackoverflow post：

   webView.getSettings().setJavaScriptEnabled(true);
   webView.setWebViewClient(new WebViewClient() {
            @Override
            public void onPageFinished(WebView view, String url) {
               String key = "hello";
               String val = "world";
               if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.KITKAT) {
                   webView.evaluateJavascript("localStorage.setItem('"+ key +"','"+ val +"');", null);
               } else {
                   webView.loadUrl("javascript:localStorage.setItem('"+ key +"','"+ val +"');");
               }
            }
   });

第二个变体是使用JavaScriptInterface

初始化部分

 JavaScriptInterface jsInterface = new JavaScriptInterface(this);
 webView.getSettings().setJavaScriptEnabled(true);
 webView.addJavascriptInterface(jsInterface, "JSInterface");

JavaScriptInterface

  public class JavaScriptInterface {
        private Activity activity;

        public JavaScriptInterface(Activity activiy) {
            this.activity = activiy;
        }

        public string getData(String someParameter){
           //also you can return json data as string  and at client side do JSON.parse
           if (someParameter == "give me data" && this.activity.data) {
                return this.activity.data;
           }else{
                return null;
           }
        }
    }

Js部分

<script>
  function ready() {
        var data = window.JSInterface.getData("give me data");
        localStorage.put("give me data", data)
  };

  document.addEventListener("DOMContentLoaded", ready);
</script>

Answer 2

Android webview如何写入HTML5 localstorage？

   localStorage.setItem("data", value);

注意：使用本地存储，Web应用程序可以在用户的浏览器中本地存储数据。 HTML本地存储;比饼干更好。
尝试使用addJavaScriptInterface（）来绑定你的android类和网页。

Answer 3

你可以通过javascript的位置哈希属性来实现..

Android代码可能如下所示

WebView myWebView = (WebView) findViewById(R.id.myWebView);  
myWebView.loadUrl("http://www.example.com/#any_value");
myWebView.setWebViewClient(new MyWebViewClient());

Javascript代码看起来像这样

var x = location.hash; //this will access the hash value you pass in url
localStorage.setItem("save_my_value", x);

Android如何将值写入HTML5 localstorage？

3 个答案: