失效链接处理 |
Android与H5互调详细介绍 PDF 下载
本站整理下载:
相关截图:
主要内容:
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>
Java调用调 javaScript: /** * Java调用javaScript * @param numebr */private void login(String numebr) { webView.loadUrl("javascript:javaCallJs("+"'"+numebr+"'"+")"); setContentView(webView); }
|