详解android与HTML混合开发总结

现在很多的 APP中会嵌套HTML5的页面，比如经常变化的等等，有一部分页面需要原生Java与HTML5中的js进行交互操作，下面介绍一下android中HTML5的使用：

1、关于HTML5种cookie

网页中可能会用到 用户信息等很多参数，可以提前把这些信息放到cookie中，可以采用以下方法：　

 -1) {
 CookieSyncManager.createInstance(context);
 CookieManager cookieManager = CookieManager.getInstance();
 cookieManager.setAcceptCookie(true);
 try {
 List data = getCookiesString();
 if (!ListUtils.isEmpty(data)) {
 for (String value : data) {
 cookieManager.setCookie(url, value);
 }
 }
 cookieManager.setCookie(url, "client_id=" + Constant.CLIENT_ID + ";path=/;domain=.XXXX.com");
 cookieManager.setCookie(url, "appVersion=" + Constant .VERSION + ";path=/;domain=.XXXX.com"); 
 　　　　　　　　　　　　CookieSyncManager.getInstance().sync(); 
 　　　　　　　　} catch (Exception e) { 
 　　　　　　　　　　　　LogUtils.e("Exception:" + e.getMessage()); 
 　　　　　　　　} 
 　　　　　　} 
 　　　　} 
 　　}
 public List getCookiesString() {
ArrayList data = new ArrayList();
this.clearExpired();
Collection values = this.mCookies.values();
Iterator var3 = values.iterator();
 
while(var3.hasNext()) {
SwiftCookie c = (SwiftCookie)var3.next();
data.add(c.toCookieString());
 }

 return data;
 }

 在 mWebView.loadUrl(Url)之前添加cookie，网页就可以通过cookie取到相应的参数值了。

2、关于js的安全问题

js在4.2以前有漏洞

通过JavaScript，可以访问当前设备的SD卡上面的任何东西，甚至是联系人信息，短信等。好，我们一起来看看是怎么出现这样的错误的。

1，WebView添加了JavaScript对象，并且当前应用具有读写SDCard的权限，也就是：android.permission.WRITE_EXTERNAL_STORAGE

2，JS中可以遍历window对象，找到存在“getClass”方法的对象的对象，然后再通过反射的机制，得到Runtime对象，然后调用静态方法来执行一些命令，比如访问文件的命令.

3，再从执行命令后返回的输入流中得到字符串，就可以得到文件名的信息了。然后想干什么就干什么，好危险。核心JS代码如下：

解决方案：
1、Android 4.2以上的系统
在Android 4.2以上的，google作了修正，通过在Java的远程方法上面声明一个@JavascriptInterface，如下面代码：
 2、Android 4.2以下的系统
这个问题比较难解决，但也不是不能解决。
首先，我们肯定不能再调用addJavascriptInterface方法了。关于这个问题，最核心的就是要知道JS事件这一个动作，JS与Java进行交互我们知道，有以下几种，比prompt, alert等，
这样的动作都会对应到WebChromeClient类中相应的方法，对于prompt，它对应的方法是onJsPrompt方法，这个方法的声明如下：
通过这个方法，JS能把信息（文本）传递到Java，而Java也能把信息（文本）传递到JS中，通知这个思路我们能不能找到解决方案呢？
经过一番尝试与分析，找到一种比较可行的方案，请看下面几个小点：
【1】让JS调用一个Javascript方法，这个方法中是调用prompt方法，通过prompt把JS中的信息传递过来，这些信息应该是我们组合成的一段有意义的文本，可能包含：特定标识，方法名称，参数等。
在onJsPrompt方法中，我们去解析传递过来的文本，得到方法名，参数等，再通过反射机制，调用指定的方法，从而调用到Java对象的方法。
【2】关于返回值，可以通过prompt返回回去，这样就可以把Java中方法的处理结果返回到Js中。
【3】我们需要动态生成一段声明Javascript方法的JS脚本，通过loadUrl来加载它，从而注册到html页面中，具体的代码如下：
 说明：
1，上面代码中的jsInterface就是要注册的对象名，它注册了两个方法，onButtonClick(arg0)和onImageClick(arg0, arg1, arg2)，如果有返回值，就添加上return。
2，prompt中是我们约定的字符串，它包含特定的标识符MyApp:，后面包含了一串JSON字符串，它包含了方法名，参数，对象名等。
3，当JS调用onButtonClick或onImageClick时，就会回调到Java层中的onJsPrompt方法，我们再解析出方法名，参数，对象名，再反射调用方法。
4，window.jsInterface这表示在window上声明了一个Js对象，声明方法的形式是：方法名:function(参数1，参数2)
3、在html5中进行java和js的交互
方法一：
然后在当前类中实现以下方法：
callbackFromH5的名字必须和网页中的js方法名一样
Java调用js方法：
js方法名需要和网页端一直
方法二：　
jsbridge方法（https://github.com/lzyzsd/JsBridge）
Android JsBridge 就是用来在 Android app的原生 java 代码与 javascript 代码中架设通信（调用）桥梁的辅助工具
1、将jsBridge.jar引入到我们的工程　
2、布局文件

 
 


  
 


 
 3、java代码
js调用
4、关于webView的优化
1、设置WebView 缓存模式
= Build.VERSION_CODES.HONEYCOMB) {
response = super.shouldInterceptRequest(view, url);
if (url.contains("xxxxx.png")) {
try {
response = new WebResourceResponse("image/png", "UTF-8", getAssets().open("xxxxx.png"));
} catch(IOException e) {
e.printStackTrace();
}
}
}
//return super.shouldInterceptRequest(view, url);
return response;
}
@TargetApi(Build.VERSION_CODES.LOLLIPOP)
@Override
public WebResourceResponse shouldInterceptRequest(WebView view, WebResourceRequest request) {
WebResourceResponse response = null;
response = super.shouldInterceptRequest(view, request);
if (url.contains("xxxxx.png")) {
try {
response = new WebResourceResponse("image/png", "UTF-", getAssets().open("xxxxx.png"));
} catch(IOException e) {
e.printStackTrace();
}
}
return response;
}
}
 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。