ANDROID WEBVIEW和JAVASCRIPT交互_JS调用ANDROID方法

最新推荐文章于 2023-10-26 07:30:00 发布

xuxu120

最新推荐文章于 2023-10-26 07:30:00 发布

阅读量303

点赞数

今天在Android的开发过程中、遇到一个新需求、那就是让Java代码和Javascript代码进行交互、在IOS中实现起来很麻烦、而在Android中相对来说容易多了、Android对这种交互进行了很好的封装、我们可以很简单的用Java代码调用WebView中的js函数、也可以用WebView中的js来调用Android应用中的Java代码

一、网页的JS代码调用ANDROID中JAVA代码的方法

在网页中调用java代码、需要在webview控件中添加javascriptInterface

contentWebView = (WebView) findViewById(R.id.webview);
//启用javascript
contentWebView.getSettings().setJavaScriptEnabled(true);
contentWebView.addJavascriptInterface(this, "js对象名");

在Activity中定义一个要被js调用的方法、src为js传递过来的参数、如果没有不传也可以的哈

public void jsFunction(final String str) {
	Toast.makeText(this, str, Toast.LENGTH_SHORT).show();
	runOnUiThread(new Runnable() {
		@Override
		public void run() {
			//在里对Android应用的UI进行处理
		}
	});
}

在网页中、只需要像调用js方法一样、进行调用就可以

<a onClick="window.js对象名.jsFunction(´hello world´)" >
	点击调用java代码并传递参数
</a>

二、ANDROID中JAVA代码调用网页的JS代码的方法

Java代码调用js并传参其实是通过WebView的loadUrl方法去调用的、只是参数url的写法不一样而已

// 无参数调用
contentWebView.loadUrl("javascript:javacalljs()");
// 传递参数调用
contentWebView.loadUrl("javascript:javacalljswithargs(" 
		+ "´hello world´" + ")");