Android 与 JavaScript 互调

最新推荐文章于 2024-04-16 20:33:30 发布

IT小蔡

最新推荐文章于 2024-04-16 20:33:30 发布

阅读量326

点赞数 1

文章标签： javascript android

本文链接：https://blog.csdn.net/cai784921129/article/details/54017410

版权

Android与JS交互专栏收录该内容

0 篇文章 0 订阅

订阅专栏

做混合开发的同学，肯定了解 Android 与JS互调，本文只是Android 与 JavaScript 互调的简单使用，大神请忽略。

阅读完本文，你应该可以学会，如何通过Android调用JS方法，JS调用Android的方法。

Android代码

@SuppressLint("SetJavaScriptEnabled")
public class MainActivity extends Activity {

	//声明一个webview
	private WebView mWebView;
	
	private MyWebViewClient WVClient;

	private WebSettings webSettings;
	
	private MyWebChromeClient chromeClient;
	

	//调用JS的Button
	private Button callJSBtn;
	
	//Object对象，用来跟JS网页绑定
	private JSObject  jsobject;
	
	//android调用JS网页的时候会用到
	private Handler mHandler = new Handler();
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		initView();
	}

	private void initView() {
		// TODO Auto-generated method stub
		mWebView = (WebView) findViewById(R.id.webview);
		callJSBtn = (Button)findViewById(R.id.calljs);
		
		WVClient = new MyWebViewClient();
		chromeClient = new MyWebChromeClient();
		jsobject = new JSObject(MainActivity.this); 
		
		webSettings = mWebView.getSettings();
		webSettings.setJavaScriptEnabled(true);
		webSettings.setBuiltInZoomControls(true);
		webSettings.setSavePassword(false);
		
		//支持多种分辨率，需要js网页支持
		webSettings.setUserAgentString("mac os");
		webSettings.setDefaultTextEncodingName("utf-8");
		
		//显示本地js网页
		mWebView.loadUrl(StringUrl.LOACL);
		
		
		mWebView.setWebViewClient(WVClient);
		mWebView.setWebChromeClient(chromeClient);
		
		//注意第二个参数JsTest，这个是JS网页调用Android方法的一个类似ID的东西
		mWebView.addJavascriptInterface(jsobject, "jsTest");
		
		
		//调用JS网页
		callJSBtn.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				mHandler.post(new Runnable() {
					
					@Override
					public void run() {
						//调用JS中的 函数，当然也可以不传参
						mWebView.loadUrl("javascript:androidCallJS('顺便传个参数给JS！')");
					}
				});
			}
		});
		
	}

	
	//单击系统返回键网页回退
	@Override
	public void onBackPressed() {
			if (mWebView.canGoBack()) {
				mWebView.goBack();
			}
		 else {
			this.finish();
		}
	}

}

html代码放在 assets目录下。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html40/strict.dtd">
<HTML>
<HEAD>
<meta name="viewport" content="width=device-width, target-densitydpi=device-dpi" />
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script>
   function androidCallJS(name){
      alert("android call me!"+name);
   }
   
    function testJsCallAndroid(){
      jsTest.JsCallAndroid();
      }
   
</script>
</HEAD>
<BODY>
<span>测试js使用</span>

<button id='btntest' οnclick='testJsCallAndroid()'>JS调用android的方法</button>
</BODY>
</HTML>

IT小蔡

关注

1
点赞
踩
1

收藏

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

做混合开发的同学，肯定了解 Android 与JS互调，本文只是Android 与 JavaScript 互调的简单使用，大神请忽略。阅读完本文，你应该可以学会，如何通过Android调用JS方法，JS调用Android的方法。Android代码@SuppressLint("SetJavaScriptEnabled")public class MainActivity extends
复制链接

扫一扫