Android中WebView和JavaScript通信

原创 2012年03月26日 15:45:11

         Android提供了webview和JavaScript之间通信的api,这样就能做到native程序和html程序之间的交互,看下面的例子(html中调用js,传递两个字符串给java程序):


java代码:

public class AndroidJsDemoActivity extends Activity {
	
	private WebView mWebView; 
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        mWebView = (WebView) findViewById(R.id.webview);
        WebSettings webSettings = mWebView.getSettings(); 
        webSettings.setSavePassword(false); 
        webSettings.setSaveFormData(false); 
        webSettings.setJavaScriptEnabled(true); 
        webSettings.setSupportZoom(true);
        mWebView.addJavascriptInterface(new DemoJavaScriptInterface(), "androidjsdemo");
        mWebView.loadUrl("file:///android_asset/demo.html"); 
    }
    final class DemoJavaScriptInterface {
        DemoJavaScriptInterface() { 
        } 
        public void  test(String str1,String str2){ 
            Intent intent=new Intent(AndroidJsDemoActivity.this,Activity2.class);
            Bundle b=new Bundle();
            b.putString("str1", str1);
            b.putString("str2", str2);
            intent.putExtras(b);
            startActivity(intent);
        } 
    }
}



html代码:

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>Insert title here</title> 
</head> 
    <body>this is html page<p>
        <input type="submit" value="buttons" 
        onclick="androidjsdemo.test('ddd','fff')"/> 
    </body> 
</html>




重点看代码中标红部分。


androidjsdemo与java程序中
addJavascriptInterface(new DemoJavaScriptInterface(), "androidjsdemo")后面的参数对应
test('ddd','fff')是使用的 
DemoJavaScriptInterface的方法



/**
* @author 张兴业
* 邮箱:xy-zhang#163.com
* android开发进阶群:278401545
*
*/

版权声明:本文为博主原创文章,未经博主允许不得转载。

Android WebView与js交互通信

事出有因,那天我看到手厅的客户端里,在网页webview中点击网络设置后,跳转到了手机的网络设置界面,然后就搜了一下,原来是html中js与androidApp之间的交互。这么说的太费劲了,还是上截图...
  • axi295309066
  • axi295309066
  • 2016年08月20日 12:55
  • 716

WebView详解与简单实现Android与H5互调

混合开发就是在一个App中内嵌一个轻量级的浏览器,一部分原生的功能改为Html 5来开发。 优势:使用H5实现的功能能够在不升级App的情况下动态更新,而且可以在Android或iOS的App上同时运...
  • qq_24530405
  • qq_24530405
  • 2016年10月13日 16:41
  • 23450

Android WebView中客户端与JavaScript的基本交互

前言WebView就不向大家介绍了,如果WebView都没了解的小伙伴可以先去看看其他类似关于WebView的使用。这次我们主要是讲一讲Android中当你的App中使用WebView的时候怎么和它去...
  • qq_25867141
  • qq_25867141
  • 2016年02月26日 17:15
  • 2427

webview中Android和Js通讯互调并传参数

Js调用安卓方法 1、初始化WebView WebSettings settings = mWebview.getSettings(); settings.setJavaScript...
  • jiangtea
  • jiangtea
  • 2016年10月27日 21:18
  • 1758

JS交互与webView的工作原理浅析

JS交互与webView的工作原理浅析 webView是什么
  • rookie_small
  • rookie_small
  • 2017年03月30日 15:25
  • 1231

unity3d for android WebView和JavaScript进行简单通信

Android中WebView可以和JavaScript之间进行通信,这样Native代码就能很好的和本地或者远程服务器上的Html进行交互。写了一个最简单的例子,WebView和本地的Html代码进...
  • u011212411
  • u011212411
  • 2013年07月31日 15:28
  • 2398

android中webview原生与javascript之间的相互调用示例(demo)

  • 2017年06月12日 17:01
  • 194KB
  • 下载

Android WebView与JavaScript交互(续)

  • 2015年08月06日 09:28
  • 6.21MB
  • 下载

Android 和 IOS WebView javaScript与 Native 互相调用(JS 与O-C Java )

  • 2016年01月18日 17:50
  • 2.53MB
  • 下载

Android JavaScript打开webview图片、支持放大缩小

  • 2015年10月14日 08:47
  • 2.52MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android中WebView和JavaScript通信
举报原因:
原因补充:

(最多只允许输入30个字)