仅仅先写写个人开发中遇到的关于webview和js交互的问题
首先是对webview的基本设置
mWebView.getSettings().setJavaScriptEnabled(true);
使其支持js
webview调用不带参数的js方法
mWebView.loadUrl(“javascript:jsFunction()”);webview调用带有参数的js方法
Stirng param = “it is param”;
mWebView.loadUrl(“javascript:jsFunction(‘”+ param+”’)”);
- webview调用含有返回值的js方法
这个问题个人知道的是有两种实现,
第一种
也就是网上搜索最常见的,
专门提供一个含有参数的Java方法供js调用,让返回值以参数的形式通过js传递给webview
例如js中有个方法 int getIsLogin();返回 1/0,最终目的是得到该方法的返回值
1。Java中定义一个内部类
private class Java4Js {
@JavascriptInterface
public void isLogin(String isLogin) {
//获取返回值, to do something
if (TextUtils.equals("1", isLogin)) {
Utils.showToast(mContext,"已登录");
} else {
Utils.showToast(mContext,"未登录");
}
}
}
2. 对webview 设置调用
mWebView
.addJavascriptInterface(new Java4Js(), “javaMethod”);//Java4Js是第一步定义的内部类,javaMethod是接口名称
3 。js里在jsFunction(param)中调用Java方法
<script type="text/javascript">
function getIsLogin(param)
{
var result = "1";
window.javaMethod.isLogin(result);
//用接口javaMethod, 通过调用内部类中的方法isLogin给java传回result。
}
*4.webview调用js
mWebView.loadUrl(“javascript:getIsLogin()”);
5。调用流程
webview调用getIsLogin() –> getIsLogin调用Java的isLogin(param) —>具体操作在Java方法中实现
6。注意事项
内部类的Java方法要加 @JavascriptInterface注解
第二种
此方法是在4.4之后加入的
mWebView.evaluateJavascript(“javascript:jsFunc()”, new ValueCallback() {
@Override
public void onReceiveValue(String s) {
Utils.showToast(mContext,s);
}
});
- 调用js里不存在的方法
如果在调用js里不存在的方法时,不会发生crash,但是会有错误信息输出,并可以捕捉,
WebChromeClient mwebclient = new WebChromeClient() {
@Override
public boolean onConsoleMessage(ConsoleMessage consoleMessage) {
//针对js里没有被调用的方法时的处理
if(consoleMessage.message().contains("Uncaught ReferenceError")){
//根据message里含有的方法名,可以判断出在调用哪个js方法时出错
return super.onConsoleMessage(consoleMessage);
}
};
// 设置setWebChromeClient对象
mWebView.setWebChromeClient(mwebclient);