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

 package com.example.administrator.webviewl;

 import android.graphics.Bitmap;

 import android.os.Handler;

 import android.support.v7.app.AppCompatActivity;

 import android.os.Bundle;

 import android.util.Log;

 import android.webkit.JavascriptInterface;

 import android.webkit.JsResult;

 import android.webkit.WebChromeClient;

 import android.webkit.WebResourceError;

 import android.webkit.WebResourceRequest;

 import android.webkit.WebView;

 import android.webkit.WebViewClient;

 import android.widget.Toast;

 public class MainActivity extends AppCompatActivity {

     private static final String TAG = "MainActivity.TAG";

     WebView mWebView;

     Handler mHander = new Handler();

     @Override

     protected void onCreate(Bundle savedInstanceState) {

         super.onCreate(savedInstanceState);

         setContentView(R.layout.activity_main);

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

         initWebView();

     }

     public void initWebView() {

         mWebView.getSettings().setJavaScriptEnabled(true);

         mWebView.setWebViewClient(new WebViewClientCustom());

         mWebView.addJavascriptInterface(new Object() {

             @JavascriptInterface

             public void result(final String result) {

                 Log.d(TAG,"javaScript 调用java的方法 返回结果 result = " + result);

                 mHander.post(new Runnable() {

                     @Override

                     public void run() {

                         if (result.length() > 0) Toast.makeText(MainActivity.this,"你输入了: " + result,Toast.LENGTH_SHORT).show();

                     }

                 });

             }

             @JavascriptInterface

             public void show() {

                 Log.d(TAG,"JavaScript 调用java show()");

                 mHander.post(new Runnable() {

                     @Override

                     public void run() {

                         Log.d(TAG,"java 调用 javaScript  javaScriptshow()");

                         mWebView.loadUrl("JavaScript:javaScriptshow()");

                     }

                 });

                 return;

             }

         },"JavaScriptL");

         mWebView.loadUrl("file:///android_asset/index.html");

     }

     public class WebViewClientCustom  extends WebViewClient {

         @Override

         public void onPageStarted(WebView view, String url, Bitmap favicon) {

             Log.d(TAG,"onPageStarted");

             super.onPageStarted(view, url, favicon);

         }

         @Override

         public void onPageFinished(WebView view, String url) {

             Log.d(TAG,"onPageFinished");

             super.onPageFinished(view, url);

         }

         @Override

         public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {

             Log.d(TAG,"onReceivedError");

             super.onReceivedError(view, request, error);

         }

     }

 }

index.html  内置的网页

 <!doctype html>

 <html lang="en">

  <head>

   <meta charset="UTF-8">

   <meta name="Generator" content="EditPlus®">

   <meta name="Author" content="">

   <meta name="Keywords" content="">

   <meta name="Description" content="">

   <title>javaScript</title>

   <script type="text/javaScript">

         function javaScriptshow() {

             var a = document.getElementById("text").value;

             JavaScriptL.result(a);

         }

 </script>

  </head>

  <body style="text-align:center;margin-top:100px">

     <p > Android javaScript学习</p>

     <form action="">

          <input type="text" id = "text" value=""/>

         <input type="button" onclick="window.JavaScriptL.show()" value="Click" />

     </form>

  </body>

 </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. 【HDU3530】 [Sdoi2014]数数 （AC自动机+数位DP）

    3530: [Sdoi2014]数数 Time Limit: 10 Sec  Memory Limit: 512 MBSubmit: 682  Solved: 364 Description 我们称一 ...

  2. 客户端(C#)调用CXF搭建的webservice的出现一些问题记录

    最近把XFire框架搭建的一个webservice换成CXF框架.访问webservice的客户端是C#写的.客户端调用webservice,数据能在客户端得到.看起来显然是成功了. 但其中在VS中添 ...

  3. [topcoder]CoinReversing

    http://community.topcoder.com/stat?c=problem_statement&pm=11473&rd=14543 简单的概率题.那道题想了想就出来了.每 ...

  4. tomcat 系统架构与设计模式 第一部分 系统架构工作原理 转

    Tomcat 系统架构与设计模式,第 1 部分: 工作原理 许 令波, Java 开发工程师, 淘宝网 许令波,现就职于淘宝网,是一名 Java 开发工程师.对大型互联网架构设计颇感兴趣,并对一些开源 ...

  5. 14.8.4 Moving or Copying InnoDB Tables to Another Machine 移动或者拷贝 InnoDB 表到另外机器

    14.8.4 Moving or Copying InnoDB Tables to Another Machine 移动或者拷贝 InnoDB 表到另外机器 这个章节描述技术关于移动或者复制一些或者所 ...

  6. Unity Fresnel Hero(Dota2) Shader

    Shader "HeroShader" { Properties { _Color ("Main Color", Color) = (1,1,1,1) _Rim ...

  7. (java) Merge k sorted linked lists and return it as one sorted list. Analyze and describe its complexity.

    /** * Definition for singly-linked list. * public class ListNode { * int val; * ListNode next; * Lis ...

  8. LaTeX中参考文献管理以及注意事项

    注意:版权所有,转载请注明出处 使用LaTeX写作,很重要的一个部分就是参考文献的制作,LaTeX使用bibtex管理文章的参考文献,bibtex即是一种工具,又是一种格式的代表,它要求使用*.bib ...

  9. PHP 下载网络图片

    /* * 功能:php完美实现下载远程图片保存到本地 * 参数:文件url,保存文件目录,保存文件名称,使用的下载方式 * 当保存文件名称为空时则使用远程文件原来的名称 */ function get ...

  10. hive UDAF源代码分析

    sss /** * Licensed to the Apache Software Foundation (ASF) under one * or more contributor license a ...