Hybrid：Android 中如何获取和写入 H5 localStorage 数据

读完本文你将了解到：

Native 获取 localStorage 的数据

主要分三步：

1. 写个接口，接收 Js 回调
2. 添加到 WebView
3. 主动调用 Js 获取

比如我要获取保存在 LocalStorage 中的 userKey 字段：

1.写个接口，接收 Js 回调

public class HybridInterface {
    Context context;

    InitCityInterface(Context context) {
        this.context = context;
    }

    //Js 回调方法，
    @JavascriptInterface
    public void getUserKey(String userKey){
        LogUtils.e("WebViewFragment","读取到userKey : " + userKey);
        //已经拿到值，进行相关操作
    }

}

2.添加到 WebView ，并且重命名为“shixintest”:

mWebView.addJavascriptInterface(new HybridInterface(getActivity()), "shixintest");

3.主动调用 Js 获取
/**
* 获取 H5 保存在 LocalStorage 中的 __UserKey
*/

private void getLocalStorageUserKey() {
    if (mWebView != null && TextUtils.isEmpty(APPEnvironment.getBeforeLoginUserKey())) {
        mWebView.loadUrl(
            "javascript:(function(){
                var localStorage = window.localStorage; window.shixintest.getUserKey(localStorage.getItem('userKey'))})()");
}
}

getLocalStorageUserKey() 会通过 Js 读取 LocalStorage 的内容，然后通过 HybridInterface 传递过来。

就酱紫拿到了 LocalStorage 中的内容。

Native 写入数据到 localStorage

主要分两步：

1. 拼接 JavaScript 代码
2. 使用 WebView 相关 API 执行 Js 代码

比如我要给 localStorage 中的 userAgent 字段写入内容：

//1.拼接 JavaScript 代码
String userAgent = "shixinzhang";
String js = "window.localStorage.setItem('userAgent','" + userAgent + "');";
String jsUrl = "javascript:(function({
    var localStorage = window.localStorage;
    localStorage.setItem('userAgent','" + userAgent + "')
})()";

//2.根据不同版本，使用不同的 API 执行 Js
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
    mWebView.evaluateJavascript(js, null);
} else {
    mWebView.loadUrl(jsUrl);
    mWebView.reload();
}