美文网首页Android开发经验谈Android技术知识Android开发
android使用WebView里的js与android进行交互

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

作者: TrillGates | 来源:发表于2018-06-16 16:40 被阅读2次

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

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

新主要内容有:

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

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

android如何调用Js里的代码

Js代码如何调用android的方法

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

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

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

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

怎么做呢?

很简单:

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

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

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

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

android如何调用js脚本呢?

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

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

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

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

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

我们android代码怎么写呢?

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

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

把代码部署到模拟器上:

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

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

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

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

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

要注意的是:

这个注解要加上!

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

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

广告

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

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

相关文章

网友评论

    本文标题:android使用WebView里的js与android进行交互

    本文链接:https://www.haomeiwen.com/subject/jnybeftx.html