做项目时候会遇到我们用WebView 打开一个web，希望这个web可以调用自己的一些方法，比如我们在进一个web页面，然后当我们点击web上的某个按钮时，希望能判断当前手机端是否已经登录，如果未登录，那么就会跳转到登录页面（登陆页面是另一个Activity）。这个时候，一个简单的做法就是在按钮动作事件的js上调用java的方法，从而起到判断是否登录，并决定是否跳转到另一个页面。

Google的WebView为我们提供了 addJavascriptInterface(Object obj, String interfaceName)方法，这个方法的第一个参数是传给Web的对象，第二个参数是该对象的对象名。

写个简单的例子

public class WebActivity extends Activity{

    ProgressBar mProgressBar;

    WebView mWebView;

    String mUrl;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.web);

        mWebView = (WebView) findViewById(R.id.web_view);

        mProgressBar = (ProgressBar) findViewById(R.id.loading_progress);

        doWebViewSetting();

//    加载网页

        loadUrl("http://172.10.1.2:8080/test");

    }

    private void doWebViewSetting(){

//   设置WebClient(可不要)

        mWebView.setWebViewClient(new MyWebViewClient());

//  支持js(必要)

        mWebView.getSettings().setJavaScriptEnabled(true);

//    添加js对象(必要)

        mWebView.addJavascriptInterface(new JsOperation(this), "client");

    }

    private void loadUrl(String url) {

        mUrl = url;

        mProgressBar.setVisibility(View.VISIBLE);

        mWebView.loadUrl(url);

    }

    class MyWebViewClient extends WebViewClient{

        @Override

        public void onPageFinished(WebView view, String url) {

            super.onPageFinished(view, url);

            mProgressBar.setVisibility(View.GONE);

        }

    }

    class JsOperation {

        Activity mActivity;

        public JsOperation(Activity activity) {

            mActivity = activity;

        }

//    测试方法
       @javascriptInterface

        public void test() {

            Toast.makeText(mActivity,"test",Toast.LENGTH_SHORT).show();

        }

    }

以上是我的WebActivity ，我这里只简单的实现的加载时进度条显示和提供对象给js。可以看出，我们提供了一个JsOperation 对象给web，然后在JsOperation 类中定义了test()方法。接下来就看看，Web方面要如何调用该方法。

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>测试</title>

    <script type="text/javascript">

        function test(){

            client.test()

        }

    </script>

</head>

<body>

<br />

<button onclick="test()">test</button>

</body>

</html>

web的实现方式特别简单，直接调用我们提供的对象，这里要注意的是，对象名是我们之前传入的String，这里是client，直接调用它的test()方法，就能弹出一个Toast了，当然你也可以在这个方法里做其他的各种处理，也可以提供多个方法，如果你需要传入参数，那么在java上定义好形参后，js上就正常的调用方法并传入参数，如client.test(param)就可以了，没什么特别要注意的地方。

特别注意：Android的WebView存在安全漏洞，因为js调用对象是可以通过反射再调用Runtime甚至可能以web挂马形式控制主机，google也承认webView这个功能太强了，给了web很大的权利，Android 4.2 （api17）已经开始采用新的接口方法，@JavascriptInterface  代替addjavascriptInterface, 但是低版本上是不能避免。

Android的WebView通过JS调用java代码的更多相关文章

  1. android Webview 实现js调用java代码实现Activity跳转

    今天有了一个需求,在android里webview加载的html页面,要求点击html页面的按钮实现Activity的跳转. 咱是是菜鸟,webview的接触不多,于是就和度娘来了次亲密接触.在其中也 ...

  2. android webView开发之js调用java代码示例

    1.webView设置 webView.getSettings().setJavaScriptEnabled(true);//设置支持js webView.addJavascriptInterface ...

  3. js调用java代码返回解决方案

    版权声明:本文为楼主原创文章,未经楼主允许不得转载,如要转载请注明来源. 今天封装一个加密标签,遇到一个问题,我需要对页面上的数据调用java后台代码进行解密,而标签里只能通过js获取到数据,所以就遇 ...

  4. Android平台下使用lua调用Java代码经验总结

    动态语言以其执行的灵活性,可配置性.方便调试能够为开发带来极大的方便.假设用好了.能够极大的提高开发的效率. 怪不得像游戏开发这样复杂的软件开发里没有不集成脚本语言的. 当中,lua以其小巧,灵活.方 ...

  5. Android webview js 调用java方法报错"Uncaught TypeError: Object [object Object] has no method xx

    webview开发,在Android4.4下js调用java方法报错"Uncaught TypeError: Object [object Object] has no method,同样的 ...

  6. android控件之webview和js与java交互

    首先添加权限:<uses-permission android:name="android.permission.INTERNET"/> 布局文件: <Relat ...

  7. Android 使用js调用Java

    效果如: 主要用到一个接口类:MyObject package com.example.jsdemo; import android.content.Context; import android.s ...

  8. Android NDK开发之C调用Java及原生代码断点调试（二）

    上一篇中,我们主要学习了Java调用本地方法,并列举了两大特殊实例来例证我们的论据,还没学习的伙伴必须先去阅读下,本次的学习是直接在上一篇的基础上进行了.点击:Android NDK开发之从Java与 ...

  9. Android中webview和js之间的交互(转)

    http://www.cnblogs.com/leizhenzi/archive/2011/06/29/2093636.html 1.android中利用webview调用网页上的js代码. Andr ...

随机推荐

  1. docker安装及使用

    一.简介 说起docker,大多数人第一时间想起来的应该有虚拟化.云计算,这三者有什么区别呢? 对比: 我们所熟知的虚拟化有KVM.xen.Hyper-V等,这些虚拟化虚拟出来的服务器会产生一个新的操 ...

  2. 带你看懂LayoutInflater中inflate方法

    关于inflate问题,我想很多人多多少少都了解一点,网上也有很多关于这方面介绍的文章,但是枯燥的理论或者翻译让很多小伙伴看完之后还是一脸懵逼,so,我今天想通过三个案例来让小伙伴彻底的搞清楚这个东东 ...

  3. KiCAD输出生产文件

    KiCAD输出生产文件 本文包括PCB生产制造的所有文件的输出方法,包括:BOM.坐标.锡膏层.GERBER.钻孔.丝印和装配图 一.KiCAD导出BOM KiCAD导出BOM有以下几种办法: 注意: ...

  4. jquery控件-实现自定义样式的弹出窗口和确认框（转）

    (function () { $.MsgBox = { Alert: function (title, msg) { GenerateHtml("alert", title, ms ...

  5. kubernetes报错

    错误信息:执行yaml文件后,服务在运行,但是提示命令找不到 原因:没有环境,相当于只有一个快捷方式 环境目录为/usr/local/bin 解决办法:将/etc/ansible/bin下的文件都拷贝 ...

  6. 38th 字符串与 列表间的转换

    字符串与 列表间的转换 如何利用字符串 'Life is short ,I use python'输出 :'python use I, short is Life' s = 'Life is shor ...

  7. leetcode-回溯②-难题

    题10: 回溯:另:动态规划复杂度更低 class Solution: def isMatch(self, s: str, p: str) -> bool: def helper(s,p): i ...

  8. Robot Framework：接口测试

    ---恢复内容开始--- robotframework进行接口测试,需要安装Request和RequestLibrary包 pip install requests pip install -U ro ...

  9. PHP ftp_get() 函数

    定义和用法 ftp_get() 函数从 FTP 服务器上下载一个文件并保存到本地一个文件中. 如果成功,该函数返回 TRUE.如果失败,则返回 FALSE. 语法 ftp_get(ftp_connec ...

  10. SpringBoot整合MongoDB，在多数据源下实现事务回滚。

    项目中用到了MongoDB,准备用来存储业务数据,前提是要实现事务,保证数据一致性,MongoDB从4.0开始支持事务,提供了面向复制集的多文档事务特性.能满足在多个操作,文档,集合,数据库之间的事务 ...