解决WebView写入localstorage但首次加载取不到值

本文虽然写的是解决Android写localstorage的问题，但是对于iOS同样适用。

在android中，native经常需要和h5页面进行交互，比如将本地token写入h5，然后h5中的js获取token进行api请求。

写入localstorage的方法很标准，即在webview的onPageFinished中注入并调用一段js即可。

webView.setWebViewClient(new WebViewClient() {
            @Override
            public void onPageFinished(WebView view, String url) {
                final User c_user = IApplication.instance().currentUser();
                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
                    webView.evaluateJavascript("window.localStorage.setItem('token','" + c_user.getToken() + "');", null);
                } else {
                    webView.loadUrl("javascript:(function({window.localStorage.setItem('token','" + c_user.getToken() + "')})()");
                    webView.reload();
                }
            }
}

但是这样做有个问题，就是token注入是在页面加载完毕之后进行，而页面加载完毕，页面中的js也就基本执行完毕了，所以页面中原有的js执行获取token是获取不到的。

一种解决方法就是在h5内判断token是否为空，如果是则重新刷新页面。因为token为空是在首次加载页面时发生的，所以也只有在首次加载页面时会重新刷新，只有首次加载页面成功，写入localstorage，后面获取localstorage都不会失败了。

    componentWillMount() {
        if (token === null) {
            token = localStorage.getItem("token")
            if (token === null) {
                window.location.reload()
            }
        }
    }

还有一种方法就是在登录或者注册成功后，或者首次进入本地主页面时，隐式的创建一个webview并访问目标根url，将localstorage预先写入。注意，根目标url一定要以/结尾，比如https://www.baidu.com/

    @SuppressLint({"SetJavaScriptEnabled", "AddJavascriptInterface"})
    private static WebView getWebView(Context context, String url) {
        WebView webView = new WebView(context);
        webView.getSettings().setJavaScriptEnabled(true);
        webView.getSettings().setDomStorageEnabled(true);// 打开本地缓存提供JS调用,至关重要
        webView.getSettings().setAppCacheEnabled(false);
        webView.addJavascriptInterface(new JavaScriptInterface(context), "android");
        webView.loadUrl(url);
        return webView;
    }



    public static void registerLocalstorage2URL(final Context context, final String url, final String key, final String value) {
        final WebView webView = getWebView(context, url);
        webView.setWebViewClient(new WebViewClient() {

            @Override
            public void onPageFinished(WebView view, String url) {
                super.onPageFinished(view, url);
                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
                    webView.evaluateJavascript("window.localStorage.setItem('" + key + "','" + value + "');", null);
                } else {
                    webView.loadUrl("javascript:(function({window.localStorage.setItem('" + key + "','" + value + "')})()");
                    webView.reload();
                }
                webView.destroy();
            }
        });
    }