前言

大家都知道在Android WebView使用中,经常需要H5页面和Native页面进行交互,比如在网页上点击分享按钮,调用本地分享接口进行分享,分享成功后本地调用网页的JavaScript代码展示一条分享成功的消息。下面来看看一起看看两种实现方式是什么?
一、Url拦截的方式
重写ShouldOverrideUrl进行Url拦截,这种方式通过H5和Native协商好的Url格式来表明H5页面想要Native进行的操作,比如拨打电话,播放视频,查看某个用户的信息等操作,每种操作对应一种url格式,比如:
“/media/image/123”代表H5要调用Native查看id为123的图片; “/webapp/close/webview”表示H5需要Native关闭当前页面; “/webapp/patient_card/?patient_id=345”表示H5要调用Native显示用户345的详情页
可以通过url的parameter传递参数,并通过Uri.parse进行解析。返回true表示截断对该Url请求的响应。
protected WebViewClient mWebClient = new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
// 添加tel链接响应
if (url.startsWith("tel:")) {
Intent intent = new Intent(Intent.ACTION_DIAL, Uri.parse(url));
startActivity(intent);
return true;
}
// 添加mp4播放相应
if (url.endsWith(".mp4")) {
viewVideo(url);
return true;
}
// 添加图片链接响应
if (Pattern.compile("/media/image").matcher(url).find()) {
viewImage(url);
return true;
}
// 关闭webview
if (Pattern.compile("/webapp/close/webview").matcher(url).find()) {
onBackPressed();
return true;
}
// 添加某个特殊url的响应
if(Pattern.compile("/webapp/patient_card/").matcher(url).find()) {
Uri uri = Uri.parse(url);
String patientId = uri.getQueryParameter("patient_id");
viewPatientInfo(patientId);
return true;
}
return super.shouldOverrideUrlLoading(view, url);
};
二、JavaScript注入方式
相比于Url拦截的方式,JavaScript注入的方式更加直接,Native将开放给H5调用的函数注入JavaScript,H5通过JavaScript调用Native函数完成操作。
1、获取webView的WebViewSettings设置,调用setJavaScriptEnabled开启JavaScript调用。
WebSettings settings = mWebView.getSettings(); settings.setJavaScriptEnabled(true);
2、将需要暴露给JavaScript的函数前面添加@JavascriptInterface注解,只有添加了该注解的函数才能被JavaScript调用。
public class WebAppInterface {
@JavascriptInterface
public boolean method1(String param1, String param2) {
// do something
}
@JavascriptInterface
public boolean method2(String param1, String param2) {
// do something
}
}
3、通过WebView的addJavascriptInterface方法,将Native方法所在的class注入到JavaScript中。该函数的第一个参数是注入的Native对象,第二个参数是该对象的名字,JavaScript通过改名字访问该对象
WebView webView = (WebView) findViewById(R.id.webview); webView.addJavascriptInterface(new WebAppInterface(), "InterfaceName");
4、这样,H5页面就可以通过下面的JavaScript调用Native的函数了
<script type="text/javascript">
function method1(param1, param2) {
InterfaceName.method1(param1, param2);
}
</script>
Native调用JavaScript
Native调用JavaScript函数的方法比较简单,通过loadUrl函数进行:
// 无参数调用
contentWebView.loadUrl("javascript:javacalljs()");
// 有参数调用
mWebView.loadUrl("javascript:test('" + param+ "')"); // param是js的函数test()的参数
总结
以上就是这篇文章的全部内容了,希望本文的内容对各位Android开发者们能带来一定的帮助,如果有疑问大家可以留言交流。
# h5
# native
# 交互
# android
# h5和native交互
# Android的WebView与H5前端JS代码交互的实例代码
# Android webview加载H5方法详细介绍
# Android Studio打包H5网址页面
# 封装成APK
# 移动端H5唤起APP的写法实例(IOS、android)
# Android与H5交互产生Script Error踩坑解决
# 第一个
# 大家都
# 两种
# 可以通过
# 第二个
# 来看看
# 重写
# 这篇文章
# 如在
# 就可以
# 拨打电话
# 详情页
# 改名字
# 有疑问
# close
# webview
# parameter
# webapp
# patient_id
# Uri
相关文章:
我的世界制作壁纸网站下载,手机怎么换我的世界壁纸?
网站制作员失业,怎样查看自己网站的注册者?
如何打造高效商业网站?建站目的决定转化率
品牌网站制作公司有哪些,买正品品牌一般去哪个网站买?
代购小票制作网站有哪些,购物小票的简要说明?
如何彻底删除建站之星生成的Banner?
建站之星如何助力企业快速打造五合一网站?
c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】
表情包在线制作网站免费,表情包怎么弄?
昆明网站制作哪家好,昆明公租房申请网上登录入口?
如何在IIS中新建站点并配置端口与IP地址?
建站之星好吗?新手能否轻松上手建站?
如何用美橙互联一键搭建多站合一网站?
焦点电影公司作品,电影焦点结局是什么?
linux top下的 minerd 木马清除方法
微信推文制作网站有哪些,怎么做微信推文,急?
阿里云高弹*务器配置方案|支持分布式架构与多节点部署
建站之星伪静态规则如何正确配置?
网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏?
建站主机如何安装配置?新手必看操作指南
如何在VPS电脑上快速搭建网站?
制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站?
西安专业网站制作公司有哪些,陕西省建行官方网站?
官网建站费用明细查询_企业建站套餐价格及收费标准指南
高防服务器租用如何选择配置与防御等级?
如何在阿里云服务器自主搭建网站?
如何通过虚拟机搭建网站?详细步骤解析
常州自助建站费用包含哪些项目?
金*站制作公司有哪些,金华教育集团官网?
javascript中对象的定义、使用以及对象和原型链操作小结
如何零基础开发自助建站系统?完整教程解析
建站之星下载版如何获取与安装?
济南专业网站制作公司,济南信息工程学校怎么样?
建站主机空间推荐 高性价比配置与快速部署方案解析
洛阳网站制作公司有哪些,洛阳的招聘网站都有哪些?
如何在宝塔面板中创建新站点?
小米网站链接制作教程,请问miui新增网页链接调用服务有什么用啊?
建站之星安装模板失败:服务器环境不兼容?
如何快速上传建站程序避免常见错误?
重庆市网站制作公司,重庆招聘网站哪个好?
惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样?
建站主机无法访问?如何排查域名与服务器问题
网站制作公司哪里好做,成都网站制作公司哪家做得比较好,更正规?
小捣蛋自助建站系统:数据分析与安全设置双核驱动网站优化
建站一年半SEO优化实战指南:核心词挖掘与长尾流量提升策略
如何通过老薛主机一键快速建站?
兔展官网 在线制作,怎样制作微信请帖?
贸易公司网站制作流程,出口贸易网站设计怎么做?
导航网站建站方案与优化指南:一站式高效搭建技巧解析
实现虚拟支付需哪些建站技术支撑?
*请认真填写需求信息,我们会在24小时内与您取得联系。