JS与Android互调

最新推荐文章于 2020-12-23 09:23:24 发布

杜小东

最新推荐文章于 2020-12-23 09:23:24 发布

阅读量2.5k

点赞数 1

文章标签： ANDROID

本文链接：https://blog.csdn.net/android_dong/article/details/23659129

版权

JavaScript与Android程序之间的交互怎样实现呢？前几天在项目中遇到了这样的问题。其实还是多简单的，只有一个地方需要注意，那就是JavaScript与Android版本兼容性。这里先来总结下JavaScript调用Android程序和Android程序调用JavaScript的方法。

首先设置WebView的属性，如果需要该Webview能与JavaScript直接进行交互，必须将其setJavaScriptEnabled设置为true。如下面几行代码

webview = (WebView) this.findViewById(R.id.webView1);
WebSettings webSetting = webview.getSettings();
webSetting.setJavaScriptEnabled(true);// 是否支持javaScript

1、JavaScript调用Android程序

JavaScript调用Androd程序需要Android程序中提供一个接口，个人认为在JavaScript调用Android接口的过程，有点类似于回调。具体如下

让webview加载demo.html网页，网页中设置一按钮，当点击按钮的时候就调用Android接口，demo.html如下：

<html>  
	<body>   
	<input type="button" value="登录" onClick="jsToAndriod();" /> 

	<script type="text/javascript">
	function jsToAndriod() { 
		var msg = 'jsToAndriod';
		javascript:android.getResult(msg);
	}
	
	function androidToJs(){
		var msg = 'androidToJs';
		alert(msg);
	}
	</script>
	</body>  
</html>

在Android程序中需要有如下的代码，即定义JavaScript调用的接口：

第一步：先注册提供给JavaScript调用的接口

webview.addJavascriptInterface(new JavaScriptinterface(), "android");

第二步：定义接口

class JavaScriptinterface{
		@JavascriptInterface
		public void getResult(String str){
			Log.e("","result = " + str);
		}
	}

2、Android调用JavaScript接口

可以看到上面demo.html中有一个接口叫做androidToJs，是的，在JavaScript中就是这样申明和定义接口的，在android程序中只需要这样去调用即可:

webview.loadUrl("javascript:androidToJs()");   //调js中的方法  call in UI Thread !

注意是在主线程中调用哦，不然会有异常。

3、JavaScript和Android存在版本兼容性问题

如果够细心的话，可以看到在定义JavaScript调用Android接口的时候，在Android接口jsToAndroid()上面是有一个注释@JavascriptInterface，是的，最好加上这一句，不然可能会存在JavaScript调不到Android接口的问题，会报错说这个接口没有定义。

杜小东

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
JS与Android互调

JavaScript与Android程序之间的交互怎样实现呢？前几天在项目中遇到了这样的问题。其实还是多简单的，只有一个地方需要注意，那就是JavaScript与Android版本兼容为。这里先来总结下JavaScript调用Android程序和Android程序调用JavaScript.首先来说一下WebView的属性设置，如果需要该Webview能与JavaScript直接进行交互，必须将
复制链接

扫一扫