FROM : http://blog.csdn.net/hj563308597/article/details/45197709

Android WebView

在公司Android的开发过程中遇到一个新的问题，那就是让android代码和Javascript代码进行交互,然后在网上找到了关于webView的资料，之前并没有深入去了解WebView，一直以为Android 的WebView是一个用来显示网页的组件而已，没想到功能如此强大，竟然能跟JS互调传参，太牛了！

1、什么是webView？

WebView是一个webkit的内核，android对其做了很好的优化跟封装，主要用来处理网页相关的问题，盗图一张

2、webView相关类的作用可以去查api，网站上面也很多，主要就是WebChromeClient，WebViewClient、WebSettings几个类，比较关键的就是加载本地js网页跟网络js网页的时候要有点区别，注意权限跟访问方式有点点区别，下面贴代码：

  1. package com.chinaonenet.mywebview;
  2. import android.annotation.SuppressLint;
  3. import android.app.Activity;
  4. import android.os.Bundle;
  5. import android.os.Handler;
  6. import android.view.Menu;
  7. import android.view.MenuItem;
  8. import android.view.View;
  9. import android.view.View.OnClickListener;
  10. import android.webkit.WebSettings;
  11. import android.webkit.WebView;
  12. import android.widget.Button;
  13. /**
  14. * @author hujun
  15. *
  16. * QQ：563008597
  17. *
  18. * SuppressLint一定要加上去！！！
  19. * 低版本可能没问题，高版本JS铁定调不了Android里面的方法
  20. *
  21. */
  22. @SuppressLint("SetJavaScriptEnabled")
  23. public class MainActivity extends Activity {
  24. //声明一个webview
  25. private WebView mWebView;
  26. private MyWebViewClient WVClient;
  27. private WebSettings webSettings;
  28. private MyWebChromeClient chromeClient;
  29. //测试Button，忽略就行
  30. private Button testBtn;
  31. //调用JS的Button
  32. private Button callJSBtn;
  33. //双击返回退出应用
  34. private long exitTime = 0;
  35. //Object对象，用来跟JS网页绑定
  36. private JSObject  jsobject;
  37. //android调用JS网页的时候会用到
  38. private Handler mHandler = new Handler();
  39. @Override
  40. protected void onCreate(Bundle savedInstanceState) {
  41. super.onCreate(savedInstanceState);
  42. setContentView(R.layout.activity_main);
  43. initView();
  44. }
  45. private void initView() {
  46. // TODO Auto-generated method stub
  47. mWebView = (WebView) findViewById(R.id.webview);
  48. testBtn = (Button)findViewById(R.id.diyWeb);
  49. callJSBtn = (Button)findViewById(R.id.calljs);
  50. WVClient = new MyWebViewClient();
  51. chromeClient = new MyWebChromeClient();
  52. jsobject = new JSObject(MainActivity.this);
  53. webSettings = mWebView.getSettings();
  54. webSettings.setJavaScriptEnabled(true);
  55. webSettings.setBuiltInZoomControls(true);
  56. webSettings.setSavePassword(false);
  57. //支持多种分辨率，需要js网页支持
  58. webSettings.setUserAgentString("mac os");
  59. webSettings.setDefaultTextEncodingName("utf-8");
  60. //显示本地js网页
  61. mWebView.loadUrl(StringUrl.TEST_NET);
  62. mWebView.setWebViewClient(WVClient);
  63. mWebView.setWebChromeClient(chromeClient);
  64. //注意第二个参数JsTest，这个是JS网页调用Android方法的一个类似ID的东西
  65. mWebView.addJavascriptInterface(jsobject, "JsTest");
  66. //测试自定义网页，忽略
  67. testBtn.setOnClickListener(new OnClickListener() {
  68. @Override
  69. public void onClick(View v) {
  70. // TODO Auto-generated method stub
  71. String str = "test my web";
  72. mWebView.loadData("<html><body>"+str+"<html><body>", "text/html", "UTF-8");
  73. }
  74. });
  75. //调用JS网页
  76. callJSBtn.setOnClickListener(new OnClickListener() {
  77. @Override
  78. public void onClick(View v) {
  79. // TODO Auto-generated method stub
  80. mHandler.post(new Runnable() {
  81. @Override
  82. public void run() {
  83. // TODO Auto-generated method stub
  84. //调用JS中的 函数，当然也可以不传参
  85. mWebView.loadUrl("javascript:androidCallJS('顺便传个参数给JS！')");
  86. }
  87. });
  88. }
  89. });
  90. }
  91. @Override
  92. public boolean onCreateOptionsMenu(Menu menu) {
  93. // Inflate the menu; this adds items to the action bar if it is present.
  94. getMenuInflater().inflate(R.menu.main, menu);
  95. return true;
  96. }
  97. @Override
  98. public boolean onOptionsItemSelected(MenuItem item) {
  99. // Handle action bar item clicks here. The action bar will
  100. // automatically handle clicks on the Home/Up button, so long
  101. // as you specify a parent activity in AndroidManifest.xml.
  102. int id = item.getItemId();
  103. if (id == R.id.action_settings) {
  104. return true;
  105. }
  106. return super.onOptionsItemSelected(item);
  107. }
  108. //单击系统返回键网页回退
  109. @Override
  110. public void onBackPressed() {
  111. // TODO Auto-generated method stub
  112. //if (System.currentTimeMillis() - exitTime > 1500) {
  113. if (mWebView.canGoBack()) {
  114. mWebView.goBack();
  115. }/*else {
  116. Toast.makeText(this, "再按一次返回键退出", Toast.LENGTH_SHORT).show();
  117. }
  118. exitTime = System.currentTimeMillis();
  119. } */
  120. else {
  121. this.finish();
  122. }
  123. }
  124. }
  1. package com.chinaonenet.mywebview;
  2. import android.content.Context;
  3. import android.util.Log;
  4. import android.webkit.JavascriptInterface;
  5. import android.widget.Toast;
  6. public class JSObject {
  7. /*
  8. * 绑定的object对象
  9. * */
  10. private Context context;
  11. public JSObject(Context context){
  12. this.context = context;
  13. }
  14. /*
  15. * JS调用android的方法
  16. * @JavascriptInterface仍然必不可少
  17. *
  18. * */
  19. @JavascriptInterface
  20. public String  JsCallAndroid(){
  21. Toast.makeText(context, "JsCallAndroid", Toast.LENGTH_SHORT).show();
  22. return "JS call Andorid";
  23. }
  24. }

下面上传工程下载链接：http://download.csdn.net/detail/hj563308597/8624449

http://www.cnblogs.com/greatverve/archive/2012/01/18/android-javascript.html

[转]JS调用Android里面的方法，Android调用JS里面的方法的更多相关文章

  1. Android 4.2版本以下使用WebView组件addJavascriptInterface方法存在JS漏洞

    JS注入漏洞存在的Android版本:Android < 4.2 综述:Android的SDK中提供了一个WebView组件,用于在应用中嵌入一个浏览器来进行网页浏览.WebView组件中的ad ...

  2. WebView中Js与Android本地函数的相互调用

    介绍 随着Html5的普及,html在表现力上不一定比原生应用差,并且有很强的扩展兼容性,所以越来越多的应用是采用Html与Android原生混合开发模式实现. 既然要实现混合开发,那么Js与Andr ...

  3. uni-app&H5&Android混合开发三 || uni-app调用Android原生方法的三种方式

    前言: 关于H5的调用Android原生方法的方式有很多,在该片文章中我主要简单介绍三种与Android原生方法交互的方式. 一.H5+方法调用android原生方法 H5+ Android开发规范官 ...

  4. Android中通过WebView控件实现与JavaScript方法相互调用的地图应用

    在Android中通过WebView控件,可以实现要加载的页面与Android方法相互调用,我们要实现WebView中的addJavascriptInterface方法,这样html才能调用andro ...

  5. android开发中关于继承activity类中方法的调用

    android开发中关于继承activity类中的函数,不能在其他类中调用其方法. MainActivity.java package com.example.testmain; import and ...

  6. [android] 绑定方式开启服务&调用服务的方法

    需求:后台开启一个唱歌服务,这个服务里面有个方法切换歌曲 新建一个SingService继承系统Service 重写onCreate()和onDestory()方法 填一个自定义的方法changeSi ...

  7. Android app启动activity并调用onCreate()方法时都默默地干了什么？

    Android app启动activity并调用onCreate() 方法时都默默地干了什么?   在AndroidManifest.xml文件中的<intent-filter>元素中有这 ...

  8. Android -- service的开启方式， start开启和绑定开启服务，调用服务的的方法, aidl调用远程服务

    1. 概述 bindService() 绑定服务  可以得到服务的代理人对象,间接调用服务里面的方法. 绑定服务: 间接调用服务里面的方法.           如果调用者activity被销毁了, ...

  9. Android(安卓)开发通过NDK调用JNI，使用opencv做本地c++代码开发配置方法 边缘检测 范例代码

    以前写过两个Android开发配置文档,使用NDK进行JNI开发,这样能够利用以前已经写好的C++代码. 前两篇博客地址: http://blog.csdn.net/watkinsong/articl ...

  10. Atitit.提升软件Web应用程序 app性能的方法原理 h5 js java c# php python android .net

    Atitit.提升软件Web应用程序 app性能的方法原理 h5 js java c# php python android .net 1. 提升单例有能力的1 2. 减少工作数量2 2.1. 减少距 ...

随机推荐

  1. 基于Metaweblog API 接口一键发布到国内外主流博客平台

    之前的生活 之前一直使用evenote写博客和日志,其实还是挺方便的.但是我一直都希望能够同步到国内的博客和国外的blogspot等主流博客平台.而强大everote只提供了facebook.twit ...

  2. ThinkPHP 空方法 显示

    TP如果  一个控制器 没有一个方法 ,只要有一个模版,URL会对应显示模版名称. 例子 http://localhost/yiyunmap/map/test map控制器 并没有 test方法 但是 ...

  3. Windows下 maven3.0.4的安装步骤+maven配置本地仓库

    简单讲下maven的安装步骤: 1.在安装maven之前,先确保已经安装JDK1.6及以上版本,并且配置好环境变量. 2.下载maven3,最新版本是Maven3.0.4 ,下载地址:http://m ...

  4. (视频)《快速创建网站》 4.1 为啥造软件不同于造汽车，为啥是软件就一定会有Bug － 构建开发运维一体化（DevOps)

    本文是<快速创建网站>系列的第9篇,如果你还没有看过之前的内容,建议你点击以下目录中的章节先阅读其他内容再回到本文. 访问本系列目录,请点击:http://devopshub.cn/tag ...

  5. node.js学习之路

    (非原创) 目录 Nodejs的介绍 15个Nodejs应用场景 Nodejs学习路线图 1. Nodejs的介绍 Node.js的是建立在Chrome的JavaScript的运行时,可方便地构建快速 ...

  6. C# 获取 新浪微博登录之后的 完整的Cookie

    程序说明: 1.此项目 包含两个项目, 一个 Winform WinGetMocroblogCookie 用于手动 登录 新浪微博 其中涉及到的技术有: 使用webbrowser 获取HttpOnly ...

  7. linux性能监控工具

    1.uptime 该命令直观的显示了服务器在过去15分钟,5分钟,1分钟内的平均负载   2.vmstat 每隔2秒输出vmstat的信息,共输出10次. 类别 procs swap io   sys ...

  8. SQL Server中的锁的简单学习

    简介 在SQL Server中,每一个查询都会找到最短路径实现自己的目标.如果数据库只接受一个连接一次只执行一个查询.那么查询当然是要多快好省的完成工作.但对于大多数数据库来说是需要同时处理多个查询的 ...

  9. FATAL ERROR: Could not find ./bin/my_print_defaults的解决办法

    对mysql数据库初始化过程中,会有如下报错信息: 1 2 3 4 5 6 7 [root@localhost scripts]# ./mysql_install_db --user=mysql FA ...

  10. W3School-CSS 文本实例

    CSS 文本实例 CSS 实例 CSS 背景实例 CSS 文本实例 CSS 字体(font)实例 CSS 边框(border)实例 CSS 外边距 (margin) 实例 CSS 内边距 (paddi ...