为了账号安全,请及时绑定邮箱和手机立即绑定

Android Webview和js交互

标签:
Android

有时我们有这样的需求:需要从app的网页中点击调用软件内部的页面,又或者是软件内部调用网页的js方法。

js代码调用Android中的方法

addJavascriptInterface方法有两个参数:
第一个参数就是我们一般会实现一个自己的类,类里面提供我们要提供给javascript访问的方法;
第二个参数是访问我们在obj中声明的方法时候所用到的js对象;
调用模式为window.interfaceName.方法名()或者是javascript: interfaceName.方法名() 。

[代码]java代码:

?

01

02

03

04

05

06

07

08

09

10

11

12

13

14

15

//启用webview对javascript支持

webview.getSettings().setJavaScriptEnabled(true);

webview.addJavascriptInterface(new WebAppInterface(this), "android");

//接口名称自定义

public class WebAppInterface   {

    Context mContext;

    WebAppInterface(Context   c) {

        mContext   = c;

    }

    //参数名这个自己定义,和网页js传参对应即可

    @JavascriptInterface

    public void show(String url) {

       //这里就进行软件内部处理了,

    }

}

在网页中进行js调用

[代码]xml代码:

?

1

<a onClick="window.android.show('传参')" />

Android代码调用js方法

很简单通过WebView的loadUrl方法去调用的就行、只是改变下参数url的写法

[代码]java代码:

?

1

2

3

4

// 无参数调用

webView.loadUrl("javascript:androidtojs()");

// 传递参数调用

webView.loadUrl("javascript:androidtojsargs("传参")");

在网页中创建js方法

[代码]xml代码:

?

1

2

3

4

5

6

7

8

<script type="text/javascript">

function androidtojs(){

     //自己实现处理

}

function androidtojsargs(arg){

    //自己实现处理

}

</script>

JAVA和JS交互注意事项

1、尽量用js调用Android方法:

·         Android调用js里面的函数的效率远远低于js调用Android

·         Android调用js的函数,没有返回值,调用了就控制不到了

2、Js调用Android的方法,返回值如果是native字符串,必须使用toLocaleString()转成locale的才能正常使用,但是有的耗时
3、网页中尽量使用原生的js写业务脚本、以提升加载速度


原文链接:http://www.apkbus.com/blog-705730-62439.html

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消