推荐 原创 视频 Java开发 iOS开发 前端开发 JavaScript开发 Android开发 PHP开发 数据库 开发工具 Python开发 Kotlin开发 Ruby开发 .NET开发 服务器运维 开放平台 架构师 大数据 云计算 人工智能 开发语言 其它开发
Lambda在线 > 阳光沙滩官网 > android使用WebView里的js与android进行交互!

android使用WebView里的js与android进行交互!

阳光沙滩官网 2018-07-07


今天端午节,祝大家粽子节快乐!


同学们,这篇文章跟大家介绍一下WebView相关的内容!


新主要内容有:

如何使用WebView显示在线的网页内容

如何使用WebView显示本地的网页内容

android如何调用Js里的代码

Js代码如何调用android的方法


如何使用WebView显示在线的网页内容

首先,我们在布局文件里添加一个WebView标签:

android使用WebView里的js与android进行交互!

丑得不要不要的,对不对!!

接下来,我们把我们的网站的首页显示出来!

怎么做呢?

很简单:

android使用WebView里的js与android进行交互!

我们可以看到,有这几个load方法,把url传进去就完事了当然啦,也可以做一些设置!

我们要复写这个方法,否则会跳转到浏览器里的呢!

android使用WebView里的js与android进行交互!

接着,我们访问一下简书吧!这篇文章也会发到简书,欢迎大家关注与点赞!


android使用WebView里的js与android进行交互!


我们上面的代码访问简书,接下来,就看看简单的效果吧:

android使用WebView里的js与android进行交互!

android如何调用js脚本呢?


这些跨语言调用的,一般都要有接口的。比如说,我们java调用C语言,就是使用Java Native Interface.


在android中,怎么调用js里的方法呢?


我们这里使用的是本地网页,我们创建一个文件夹

android使用WebView里的js与android进行交互!

然后,就去编写html文件啦,我们把js脚本也写在里面吧!


android使用WebView里的js与android进行交互!

其实以下这个方法,就是给我们android调用的:

android使用WebView里的js与android进行交互!

我们android代码怎么写呢?

android使用WebView里的js与android进行交互!


加载我们的本地页面,并且允许Js弹窗

android使用WebView里的js与android进行交互!


我们添加一个按钮,它的点击事件如上:

把代码部署到模拟器上:

android使用WebView里的js与android进行交互!

到此,我们android调用js里的方法成功!

js如何调用android里的方法呢?

其实前面已经暴露代码了,Html的代码如前面所示,下面,就把java代码贴出来吧:

android使用WebView里的js与android进行交互!

android使用WebView里的js与android进行交互!

我们通过一个方法,设置一个调用的对象给js

android使用WebView里的js与android进行交互!


这个JsCaller是继承自Object的,而第二个参数,是js那边调用的名字,跟这里对应上:

android使用WebView里的js与android进行交互!


要注意的是:

android使用WebView里的js与android进行交互!


这个注解要加上!

OK,到这里,我们代码就写完了,接下来,我们测试一下吧!



今天就写到这里吧,祝大家端午节快乐!


广告

看都看了,不关注一下嘛!

关注都关注了,不分享一下嘛!


版权声明:本站内容全部来自于腾讯微信公众号,属第三方自助推荐收录。《android使用WebView里的js与android进行交互!》的版权归原作者「阳光沙滩官网」所有,文章言论观点不代表Lambda在线的观点, Lambda在线不承担任何法律责任。如需删除可联系QQ:516101458

文章来源: 阅读原文

相关阅读

关注阳光沙滩官网微信公众号

阳光沙滩官网微信公众号:sunofbeacheswechat

阳光沙滩官网

手机扫描上方二维码即可关注阳光沙滩官网微信公众号

阳光沙滩官网最新文章

精品公众号随机推荐