Android与H5互调详细介绍
77 浏览量
2021-01-05
11:40:02
上传
评论
收藏 73KB PDF 举报
Android与与H5互调详细介绍互调详细介绍
Android与与H5互调详细介绍互调详细介绍
微信，微博，微商，QQ空间，大量的软件使用内嵌了H5，这个时候就需要了解Android如何更H5交互的了；有些外包公
司，为了节约成本，采用Android内嵌H5模式开发，便于在iOS上直接复用页面，最终解决成本。
为什么学android也要学h5？
Android很多软件都有内嵌H5的,有什么用处、优势？节约成本，提高开发效率。
实现的原理是什么？
本质是:Java代码和JavaScript调用
案例一：案例一：Java与与Js简单互调简单互调
首先，在Android代码中加载H5页面：
private void initWebView() {
webView = new WebView(this);
WebSettings webSettings = webView.getSettings();
//设置支持javaScript脚步语言
webSettings.setJavaScriptEnabled(true);
//支持双击-前提是页面要支持才显示
webSettings.setUseWideViewPort(true);
//支持缩放按钮-前提是页面要支持才显示
webSettings.setBuiltInZoomControls(true);
//设置客户端-不跳转到默认浏览器中
webView.setWebViewClient(new WebViewClient());
//加载网络资源
//webView.loadUrl("http://atguigu.com/teacher.shtml");
webView.loadUrl("file:///android_asset/JavaAndJavaScriptCall.html");
//显示页面
setContentView(webView);
}
JavaAndJavaScriptCall.html:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<script type="text/javascript">
function javaCallJs(){
document.getElementById("content").innerHTML +=
"<br\>java调用了js无参函数";
}
function javaCallJs(arg){
document.getElementById("content").innerHTML =
("欢迎："+arg );
}
function showDialog(){
alert("谷粉们你好,我是来自javascript");
}
</script>
</head>
<body>
<div align="left" id="content"> 谷粉</div>
<input type="button" value="点击Android被调用" onclick="window.Android.showToast()" />
</body>
</html>
资源评论
