JavaScript在现在的网页设计中用得很多，Android 的WebView可以载入网页，WebView也设计了与JavaScript通信的桥梁。这篇主要介绍一下WebViewk控件如何和JavaScript进行交互。

WebView:

　　WebView和网页相关的主要有一下几个方法：　

　　　　　　setWebViewClient();

　　　　　　setWebChromeClient();

　　　　　　addJavascriptInterface();

　　　　　　loadUrl();

　　　　setWebViewClient()：设置一个WebViewClient的对象，通过这个对象的几个回调方法，可以知道当前网页的状态。

　　　　setWebViewChromeClient():　设置一个WebChromeClient对象，JavaScript调用的一些内建方法都是通过这个对象来处理的。

　　　　addJavascriptInterface(): 设置JavaScript的接口，有两个参数，第一个一般是一个Object对象，里面实现的方法都是网页里JavaScript可以调用到的，第二个参数是一个字符串，最后到JavaScript就相当于一个对象名，JavaScript通过这个对象名调用第一个参数里面实现的方法。要使这个方法生效，要通过WebView的getSettings()方法获取WebSettings对象，设置JavaScript使能 setJavaScriptEnabled(true)。

　　　　loadUrl():载入相应网页。

　　下面实现了一个简单的Demo（最后有效果图）: 主要的流程是载入了asset目录下的一个内置网页，点击网页上的Click按钮，会调用通过addJavascriptInterface方法设置下去的Object的show()方法，这个方法里通过loadUrl的方式调用JavaScript的javaScriptshow()方法，这个方法里又调用了Java的result()方法，result方法里显示了一个Toast.需要注意的是show()方法的回调和result()方法的回调是不在主线程的。

MainActivity.java

  1.  package com.example.administrator.webviewl;
  2.  
  3.  import android.graphics.Bitmap;
  4.  import android.os.Handler;
  5.  import android.support.v7.app.AppCompatActivity;
  6.  import android.os.Bundle;
  7.  import android.util.Log;
  8.  import android.webkit.JavascriptInterface;
  9.  import android.webkit.JsResult;
  10.  import android.webkit.WebChromeClient;
  11.  import android.webkit.WebResourceError;
  12.  import android.webkit.WebResourceRequest;
  13.  import android.webkit.WebView;
  14.  import android.webkit.WebViewClient;
  15.  import android.widget.Toast;
  16.  
  17.  public class MainActivity extends AppCompatActivity {
  18.  
  19.      private static final String TAG = "MainActivity.TAG";
  20.      WebView mWebView;
  21.      Handler mHander = new Handler();
  22.      @Override
  23.      protected void onCreate(Bundle savedInstanceState) {
  24.          super.onCreate(savedInstanceState);
  25.          setContentView(R.layout.activity_main);
  26.          mWebView = (WebView)findViewById(R.id.mWebView);
  27.          initWebView();
  28.      }
  29.  
  30.      public void initWebView() {
  31.          mWebView.getSettings().setJavaScriptEnabled(true);
  32.          mWebView.setWebViewClient(new WebViewClientCustom());
  33.          mWebView.addJavascriptInterface(new Object() {
  34.              @JavascriptInterface
  35.              public void result(final String result) {
  36.                  Log.d(TAG,"javaScript 调用java的方法 返回结果 result = " + result);
  37.                  mHander.post(new Runnable() {
  38.                      @Override
  39.                      public void run() {
  40.                          if (result.length() > 0) Toast.makeText(MainActivity.this,"你输入了: " + result,Toast.LENGTH_SHORT).show();
  41.                      }
  42.                  });
  43.              }
  44.              @JavascriptInterface
  45.              public void show() {
  46.                  Log.d(TAG,"JavaScript 调用java show()");
  47.                  mHander.post(new Runnable() {
  48.                      @Override
  49.                      public void run() {
  50.                          Log.d(TAG,"java 调用 javaScript  javaScriptshow()");
  51.                          mWebView.loadUrl("JavaScript:javaScriptshow()");
  52.                      }
  53.                  });
  54.                  return;
  55.              }
  56.          },"JavaScriptL");
  57.          mWebView.loadUrl("file:///android_asset/index.html");
  58.      }
  59.  
  60.      public class WebViewClientCustom  extends WebViewClient {
  61.          @Override
  62.          public void onPageStarted(WebView view, String url, Bitmap favicon) {
  63.              Log.d(TAG,"onPageStarted");
  64.              super.onPageStarted(view, url, favicon);
  65.          }
  66.  
  67.          @Override
  68.          public void onPageFinished(WebView view, String url) {
  69.              Log.d(TAG,"onPageFinished");
  70.              super.onPageFinished(view, url);
  71.          }
  72.  
  73.          @Override
  74.          public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
  75.              Log.d(TAG,"onReceivedError");
  76.              super.onReceivedError(view, request, error);
  77.          }
  78.      }
  79.  }

index.html  内置的网页

  1.  <!doctype html>
  2.  <html lang="en">
  3.   <head>
  4.    <meta charset="UTF-8">
  5.    <meta name="Generator" content="EditPlus®">
  6.    <meta name="Author" content="">
  7.    <meta name="Keywords" content="">
  8.    <meta name="Description" content="">
  9.    <title>javaScript</title>
  10.    <script type="text/javaScript">
  11.          function javaScriptshow() {
  12.              var a = document.getElementById("text").value;
  13.              JavaScriptL.result(a);
  14.          }
  15.  </script>
  16.   </head>
  17.   <body style="text-align:center;margin-top:100px">
  18.      <p > Android javaScript学习</p>
  19.      <form action="">
  20.           <input type="text" id = "text" value=""/>
  21.          <input type="button" onclick="window.JavaScriptL.show()" value="Click" />
  22.      </form>
  23.   </body>
  24.  </html>

　

　实现的效果图如下：

　　

Android WebView和JavaScript交互的更多相关文章

  1. Android WebView与JavaScript交互操作（Demo）

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

  2. Android Webview 和Javascript交互，实现Android和JavaScript相互调用

    在Android的开发过程中.遇到一个新需求.那就是让Java代码和Javascript代码进行交互.在IOS中实现起来很麻烦.而在Android中相对来说容易多了.Android对这种交互进行了很好 ...

  3. Android WebView与JavaScript交互实现Web App

    当我们去开发一个基于web的android app时,我们第一须要处理的就是与JavaScript的交互问题.Android须要做的事情就是开放某些特定的接口供web里的JavaScript调用,能够 ...

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

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

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

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

  6. [android] WebView与Js交互

    获取WebView对象 调用WebView对象的getSettings()方法,获取WebSettings对象 调用WebSettings对象的setJavaScriptEnabled()方法,设置j ...

  7. WebView与JavaScript交互--Android

    转载请注明出处:  http://blog.csdn.net/forwardyzk/article/details/46819925 在工作中,有一个这种需求,须要用到WebView与javascri ...

  8. android webview和 javascript 进行交互

    HTML5进行app开发具有开发快,跨平台等优点,但是当客户需要访问照相机或者调用摄像头等硬件的时候,H5就会有限制,必须要调用原生方法进行设备访问.下面简要介绍JS和原生方法互相调用的方法: 1 在 ...

  9. Android Webview 与JS交互

    Android中 WebView控件支持JS与本地代码的交互. // 是否允许在webview中执行javascript webSettings.setJavaScriptEnabled(true); ...

随机推荐

  1. Early 80386 CPUs

    Assembling a detailed and accurate history of the 80386, including a complete listing of all the &qu ...

  2. python处理LINUX的PWD文档

    用冒号分隔的哟. 此章后面讲的JSON,配置文件读取,原理应该一样吧,只是要用合适的包去处理吧. CSV文档是用CSV包处理的. 文档: root:x:0:0:root:/root:/bin/bash ...

  3. 单片机Keil软件仿真与调试技巧

    一.引言 单片机软件开发过程中,软件调试遇到的各种问题常令初学者感到不知所措.实际上.各种仿真开发软件的程序调试基本方法和技巧大同小异,掌握正确的程序调试基本技巧.对于排查这些程序错误问题可以起到举一 ...

  4. 精通iOS开发(第5版)

    <精通iOS开发(第5版)> 基本信息 原书名:Beginning ios 6 development:exploring the ios sdk 作者: (美)David Mark   ...

  5. 在eclipse中安装activiti插件

    最近在学习activiti,先学习安装插件吧. 单击help->Install new Software 然后添加资源 name:activiti location:http://activit ...

  6. wcf客户端捕获异常

    直接使用Exception进行捕获,然后在监视器中查看具体是哪一个异常 System.Exception {System.ServiceModel.Security.MessageSecurityEx ...

  7. 【转】 MEF 和 MAF

    今天在MSDN上看了一下微软这俩个可扩展框架,微软技术高手真很有才! MEF 和 MAF区别: 早期的 .NET Framework 版本引入了 Managed Add-in Framework (M ...

  8. Linux学习笔记10——文件I/O之一

    UNIX系统中的大多数文件I/O只需要用到5个函数:open,read,write,lseek以及close 文件描述符 文件描述符是一个非负整数,所有打开的文件都通过文件描述符引用 文件描述符的变化 ...

  9. java基础（七）面向对象（二）

    这里有我之前上课总结的一些知识点以及代码大部分是老师讲的笔记 个人认为是非常好的,,也是比较经典的内容,真诚的希望这些对于那些想学习的人有所帮助! 由于代码是分模块的上传非常的不便.也比较多,讲的也是 ...

  10. [转]C语言单引号和双引号的区别

    单引号和双引号在C中的意义完全不同,包围在单引号中的一个字符只是编写整数的另一种方法.这个整数是给定的字符在实现的对照序列中的一个对应的值,即ASCII码值.因此在一个ASCII实现中,‘a’和014 ...