解决ios webview首次加载页面时拿不到localstor

我们的h5是通过localstorage来存储token的，每次加载h5都会通过js来取localstorage中存储的token，然后通过token去访问服务器接口取数据。

• 页面加载完成后取token

$(document).ready(function(){
        token = localStorage.getItem("token");
})

• 使用token访问服务器接口

$.ajax({
            headers: {
                Authorization: "Token " + token
            },
            type:"get",
            dataType:"json",
            data:{timestamp:Date.parse(new Date())},
            url:server_host,
            success:function(data){}
}

自从把iOS中的WebView换成WKWebView后，首次加载h5页面，h5页面中的js就拿不到localstorage了。
后来突然想出来个解决方法，即访问服务器的时候先判断一个token，token为空则自动刷新一下页面，这样就相当于非首次加载h5了，就可以拿到localstorage中的token了。

function get_gold_num(){
        if (token === null) {
            window.location.reload()
        }

        $.ajax({
            headers: {
                Authorization: "Token " + token
            },
            type:"get",
            dataType:"json",
            data:{timestamp:Date.parse(new Date())},
            url:server_host,
            success:function(data){}
}

• 如果是在react中

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

经过研究，Android也是一样的毛病，问题在于写localstorage是在而且必须是在页面加载完成后完成

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();
            }
        });

所以导致页面中的js执行完了才写localstorage，所以页面中的js首次加载是拿不到localstorage的。用本文的方法可以解决问题。