据说WebView的强大之处就是能和JavaScript进行交互调用。

参考博客:http://droidyue.com/blog/2014/09/20/interaction-between-java-and-javascript-in-android/

java调用JavaScript

  1. 实例化webview,获得WebSettings。通过WebSettings设置可以和JavaScript交互。

            myWebView = (WebView) findViewById(R.id.webview);
    WebSettings webSettings = myWebView.getSettings();
    // 使能使用JavaScript
    webSettings.setJavaScriptEnabled(true);
  2. 设置webview的 WebViewClient,重写onPageFinished方法。设置当网页加载完后去调用网页中JavaScript。
            myWebView.setWebViewClient(new WebViewClient() {
    
                @Override
    public void onPageFinished(WebView view, String url) {
    //当page也加载完后
    super.onPageFinished(view, url);
    javaUseJavaScript(myWebView);
    } });
    myWebView.loadUrl("file:///android_asset/js_java_interaction.html");
  3. 实现第二步里自定义的javaUseJavaScript方法。
        /**
    * java调用js方法
    *
    * @param webView
    */
    private void javaUseJavaScript(WebView webView) {
    String call = "javascript:sayHello()"; // call = "javascript:alertMessage(\"" + "content" + "\")";
    //
    // call = "javascript:toastMessage(\"" + "content" + "\")";
    //
    // call = "javascript:sumToJava(1,2)";
    webView.loadUrl(call);
    }

    完成了上面的步骤,就能调用JavaScript中sayHello()方法。sayHello方法在哪呢??就在你myWebView.loadUrl("file:///android_asset/js_java_interaction.html");的html文件中

    <html>
    <script type="text/javascript">
    function sayHello() {
    alert("Hello")
    } function alertMessage(message) {
    alert(message)
    } function toastMessage(message) {
    window.control.toastMessage(message)
    } function sumToJava(number1, number2){
    window.control.onSumResult(number1 + number2)
    }
    </script>
    Java-Javascript Interaction In Android
    </html>
  4. 总结:的从上面的代码可以看出,java调js的代码中,java可以给js传递参数,但无法获得返回值。如果必须要返回值,只能反过来通过js调用java。也就是我们下面说的:

JavaScript调用Java

  1. 编写JavaScript代码去调用java中的方法。其实在java调用JavaScript的第三步的html中我们已经调用了。(绿色部分)
  2. 在java中编写代码,响应JavaScript的调用。

2.1给webview添加JavaScript接口类

myWebView.addJavascriptInterface(new JsInteration(), "control");

2.2编写JavaScript的接口类  JsInteration

  /**
* 实现js调用java的具体代码
* @author cyq
*
*/
public class JsInteration { @JavascriptInterface
public void toastMessage(String message) {
Toast.makeText(getApplicationContext(), message, Toast.LENGTH_LONG).show();
} @JavascriptInterface
public void onSumResult(int result) {
Log.i(TAG, "onSumResult result=" + result);
}
}
  • 总结:js调用java代码就是window.在addJavascriptInterface设置的第二个字符参数.在addJavascriptInterface这第一个参数类里的方法.(参数1,参数2.....).
  • 注意:

1要调用WebView的addJavascriptInterface方法。在JavaScript的接口类中的方法前要加上@JavascriptInterface注解。

2html文件要放到Android项目的assets文件夹下:

3 调用JavaScript要在加载完网页之后,就是WebViewClient的onPageFinished方法中。

4 WebView的方法必须在主线程之中,至于为何就不知道了。原本我担心加载网页放在主线程中会导致ANR,其实不用担心这个问题,WebView内部应该做了处理了。

代码在WebViewActivity中。

4.4处理

前面说到java调用JavaScript只能传参数,无法得到返回值。如果需要返回值需要反过来JavaScript调用java代码,通过参数传递获得返回值。这在4.4以后有了改进。可以通过下面说的调用JavaScript的方法获得返回值。不过我个人认为还是用传递参数的方法比较好吧。版本兼容嘛。

  1. 在WebViewClient的onPageFinished方法中调用JavaScript

            myWebView.setWebViewClient(new WebViewClient() {
    
                @Override
    public void onPageFinished(WebView view, String url) {
    //当page也加载完后
    super.onPageFinished(view, url);
    testEvaluateJavascript( myWebView);
    } });
  2. 实现java代码
    /**
    * 调用JavaScript方法获得返回值
    * @param myWebView2
    */
    @SuppressLint("NewApi")
    protected void testEvaluateJavascript(WebView myWebView2) {
    myWebView.evaluateJavascript("getReturn(\""+"参数1"+"\")", new ValueCallback<String>() { @Override
    public void onReceiveValue(String value) {
    Log.i(TAG, "onReceiveValue value=" + value);
    }
    });
    }
  3. 在html中编写JavaScript代码(绿色部分)
    <html>
    <script type="text/javascript">
    function sayHello() {
    alert("Hello")
    } function alertMessage(message) {
    alert(message)
    } function toastMessage(message) {
    window.control.toastMessage(message)
    } function sumToJava(number1, number2){
    window.control.onSumResult(number1 + number2)
    }
    function getReturn(message) {
    return 1;
    }
    </script>
    Java-Javascript Interaction In Android
    </html>

    运行代码,在Android的log中能够看到返回值1.

webview与JavaScript之间的交互的更多相关文章

  1. 在android中实现webview与javascript之间的交互(转)

    参见“在android中实现webview与javascript之间的交互”

  2. 一处疑难杂症的术后总结:WebView和JavaScript之间的交互

    近期在公司里參与了M3项目的开发,这个项目是使用HTML5开发的前端页面,在开发完成后,把项目地址写入Android.iOS的壳源代码里面,这样当应用被打开时候自己主动加载项目首页的URL.这样的做法 ...

  3. WebView之javascript与android交互基础加强

    一.什么是js与android交互? 通俗一点就是使用js代码调用java代码,或者使用java代码调用js代码. 二.为什么要使用js与java代码交互? 1.可以做一些js网页做本身处理不了的事情 ...

  4. Android中webview跟JAVASCRIPT中的交互

    在android的应用程序中,可以直接调用webview中的javascript代码,而webview中的javascript代码,也可以去调用ANDROID应用程序(也就是JAVA部分的代码).下面 ...

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

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

  6. Android WebView与JavaScript交互操作(Demo)

    应用场景: 为了使Android移动项目能够在较短的时间内完成开发,同时降低技术人员开发的成本投入,往往会采用Hybrid APP的开发模式.相关Hybrid APP(混合型应用)参看:http:// ...

  7. Android混合开发之WebView与Javascript交互

    前言: 最近公司的App为了加快开发效率选择了一部分功能采用H5开发,从目前市面的大部分App来讲,大致分成Native App.Web App.Hybrid App三种方式,个人觉得目前以Hybri ...

  8. Android中WebView的JavaScript代码和本地代码交互的三种方式

    一.Android中WebView的漏洞分析最近在开发过程中遇到一个问题,就是WebView使用的时候,还是需要解决之前系统(4.2之前)导致的一个漏洞,虽然现在这个系统版本用户很少了,但是也不能忽视 ...

  9. Android总结之WebView与Javascript交互[转]

    Android总结之WebView与Javascript交互   前言: 最近公司的App为了加快开发效率选择了一部分功能采用H5开发,从目前市面的大部分App来讲,大致分成Native App.We ...

随机推荐

  1. OpenstackUbuntu

    1,create user

  2. java 解析 xml (DOM方法全)

    Java 处理 XML 的三种主流技术及介绍 http://www.ibm.com/developerworks/cn/xml/dm-1208gub/ 这篇文章讲的比较详细,下面我主要介绍 dom方法 ...

  3. andengine游戏引擎总结基础篇

      其他的游戏引擎知道的不是很对,不过相对于学java的童鞋们来说,那是个不错的选择啦,这个发动机咋样,google去吧.基础篇包括图片,字体,音效,数据读取,会了这点,就会做简单的小游戏啦 对于游戏 ...

  4. 如何一步步把网站Retina优化

    随着高清屏幕.高分辨率屏幕越来越流行,例如MacBook Retina机型.iPad Air系列,这些新生机器有着很高的PPI,对网页的清晰度要求很高,所以越来越多的站长都不得不面临一个问题,那就是把 ...

  5. win7充分利用cpu来提供计算机性能

    在任务栏左下角点击开始菜单,在运行框内输入msconfig,在弹出的窗口点击“高级选项”,接着会弹出一个新窗口,我们勾选“处理器数”,在下拉菜单中按照自己的电脑配置进行选择,现在双核比较常见,当然也有 ...

  6. T-SQL存储过程

    存储过程(procedure)就是一个函数,完成一段sql代码的封装,实现代码的重用.    优点:         1.比使用DotNet直接写Sql脚本执行少了一块解析编译的过程.效率更快一点点. ...

  7. JS中slice,splice,split的区别

    不知道大家对slice,splice,splite是肿么样的感觉,反正我刚接触到这三个函数的时候整个人都懵了,因为一个个长的跟孪生兄弟似的,每次用的时候都会混,于是决定记下来,也给大家当个参考吧. s ...

  8. jQuery Tags Input Plugin 插件的使用

    一个jquery开发的标签功能加强插件,可以生成或删除标签,还能对输入重复标签进行检查,和JQuery autocomplete插件配合实现自动完成功能. 官网:http://xoxco.com/pr ...

  9. java工厂类与反射机制

    java 简单工厂类 2012-04-22 15:44:07|  分类: java |  标签:java工厂类  简单工厂类  |举报|字号 订阅     简单工厂模式需要由以下角色组成: 接口    ...

  10. WindowsForm界面 运行顺序 Form属性

    WindowsForm界面 运行顺序 Form属性 什么是类:1 类是面向对象编程的基本单元.类包含了两个成员 字段(Field)和方法方法(Method) 2 字段即变量 方法即函数什么是字段:字段 ...