Hybrid：Android 中如何获取和写入 H5 localStorage 数据
Hybrid：Android 中如何获取和写入 H5 localStorage 数据
张拭心 shixinzhang
发布于 2018-01-05 16:20:15
发布于 2018-01-05 16:20:15
Native 获取 localStorage 的数据
主要分三步：
- 写个接口，接收 Js 回调
- 添加到 WebView
- 主动调用 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
主要分两步：
- 拼接 JavaScript 代码
- 使用 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();
} 本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2016-10-17 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录