Android Activity 和 HTML 数据通信

maozhuofan 2011-12-06

Android activity 和 html一起开发难免有之间通讯的问题。今天简单测试了一下：

Android Activity 和 HTML 数据通信 Android Activity 和 HTML 数据通信  Android Activity 和 HTML 数据通信

代码很简单：

activity：

  1. package com.lmn.webview.html;  
  2.   
  3. import android.app.Activity;  
  4. import android.app.AlertDialog;  
  5. import android.app.AlertDialog.Builder;  
  6. import android.content.DialogInterface;  
  7. import android.os.Bundle;  
  8. import android.os.Handler;  
  9. import android.os.Message;  
  10. import android.view.Window;  
  11. import android.webkit.JsResult;  
  12. import android.webkit.WebChromeClient;  
  13. import android.webkit.WebSettings;  
  14. import android.webkit.WebStorage;  
  15. import android.webkit.WebView;  
  16. import android.widget.Toast;  
  17.   
  18. public class MainActivity extends Activity {  
  19.     private WebView mWebView;  
  20.   
  21.     /** Called when the activity is first created. */  
  22.     @Override  
  23.     public void onCreate(Bundle savedInstanceState) {  
  24.         super.onCreate(savedInstanceState);  
  25.         setContentView(R.layout.main);  
  26.         mWebView = (WebView) findViewById(R.id.webview);  
  27.   
  28.         WebSettings webSettings = mWebView.getSettings();  
  29.         webSettings.setSavePassword(false);  
  30.         webSettings.setSaveFormData(false);  
  31.         webSettings.setJavaScriptEnabled(true);  
  32.         webSettings.setSupportZoom(true);  
  33.   
  34.         // Horizontal水平方向，Vertical竖直方向   
  35.         mWebView.setHorizontalScrollBarEnabled(false);  
  36.         mWebView.setVerticalScrollBarEnabled(false);  
  37.   
  38.         mWebView.setWebChromeClient(new WebChromeClient() {  
  39.             // 处理javascript中的alert   
  40.             public boolean onJsAlert(WebView view, String url, String message,  
  41.                     final JsResult result) {  
  42.                 // 构建一个Builder来显示网页中的对话框   
  43.                 Builder builder = new Builder(MainActivity.this);  
  44.                 builder.setTitle("Alert");  
  45.                 builder.setMessage(message);  
  46.                 builder.setPositiveButton(android.R.string.ok,  
  47.                         new AlertDialog.OnClickListener() {  
  48.                             public void onClick(DialogInterface dialog,  
  49.                                     int which) {  
  50.                                 // 点击确定按钮之后,继续执行网页中的操作   
  51.                                 result.confirm();  
  52.                             }  
  53.                         });  
  54.                 builder.setCancelable(false);  
  55.                 builder.create();  
  56.                 builder.show();  
  57.                 return true;  
  58.             };  
  59.   
  60.             // 处理javascript中的confirm   
  61.             public boolean onJsConfirm(WebView view, String url,  
  62.                     String message, final JsResult result) {  
  63.                 Builder builder = new Builder(MainActivity.this);  
  64.                 builder.setTitle("confirm");  
  65.                 builder.setMessage(message);  
  66.                 builder.setPositiveButton(android.R.string.ok,  
  67.                         new AlertDialog.OnClickListener() {  
  68.                             public void onClick(DialogInterface dialog,  
  69.                                     int which) {  
  70.                                 result.confirm();  
  71.                             }  
  72.                         });  
  73.                 builder.setNegativeButton(android.R.string.cancel,  
  74.                         new DialogInterface.OnClickListener() {  
  75.                             public void onClick(DialogInterface dialog,  
  76.                                     int which) {  
  77.                                 result.cancel();  
  78.                             }  
  79.                         });  
  80.                 builder.setCancelable(false);  
  81.                 builder.create();  
  82.                 builder.show();  
  83.                 return true;  
  84.             };  
  85.   
  86.             // 设置网页加载的进度条   
  87.             public void onProgressChanged(WebView view, int newProgress) {  
  88.                 MainActivity.this.getWindow().setFeatureInt(  
  89.                         Window.FEATURE_PROGRESS, newProgress * 100);  
  90.                 super.onProgressChanged(view, newProgress);  
  91.             }  
  92.   
  93.             // 设置应用程序的标题title   
  94.             public void onReceivedTitle(WebView view, String title) {  
  95.                 MainActivity.this.setTitle(title);  
  96.                 super.onReceivedTitle(view, title);  
  97.             }  
  98.   
  99.             public void onReachedMaxAppCacheSize(long spaceNeeded,  
  100.                     long totalUsedQuota, WebStorage.QuotaUpdater quotaUpdater) {  
  101.                 quotaUpdater.updateQuota(spaceNeeded * 2);  
  102.             }  
  103.         });  
  104.   
  105.           
  106.         mWebView.addJavascriptInterface(new JavaScriptInterface(), "demo");  
  107.         mWebView.loadUrl("file:///android_asset/demo.html");  
  108.     }  
  109.   
  110.     final class JavaScriptInterface {  
  111.         JavaScriptInterface() {  
  112.         }  
  113.   
  114.         public int mydata() {  
  115.             return 10;  
  116.         }  
  117.   
  118.         public void DataFromHtml(String resHtml) {  
  119.             Message m = new Message();  
  120.             m.obj = resHtml;  
  121.             h.sendMessage(m);  
  122.         }  
  123.     }  
  124.   
  125.     Handler h = new Handler() {  
  126.         public void handleMessage(Message msg) {  
  127.             Toast.makeText(MainActivity.this, msg.obj + "", Toast.LENGTH_LONG)  
  128.                     .show();  
  129.         }  
  130.     };  
  131. }  

HTML:

  1. <!DOCTYPE html >  
  2. <html>  
  3.     <head>  
  4.         <meta http-equiv="Content-Type" content="text/html; charset=GBK">  
  5.         <meta name="viewport" content="width=device-width, initial-scale=1.0, initial-scale = 1.0 ,user-scalable=no , maximum-scale = 1.0 ">  
  6.         <link rel="stylesheet" href="css/jquery.mobile.min.css" />  
  7.         <script  src="js/jquery-1.7.1.min.js"></script>  
  8.         <title>Insert title here</title>  
  9.         <script type="text/javascript">  
  10.             $(function() {  
  11.                 $("#btn_getHtml").click(function(event) {  
  12.                     demo.DataFromHtml("From Html");  
  13.                 });  
  14.   
  15.                 $("#btn_getActivity").click(function(event) {  
  16.                     alert(demo.mydata());  
  17.                 });  
  18.             });  
  19.         </script>  
  20.         <script src="js/jquery.mobile.min.js"></script>  
  21.     </head>  
  22.     <body>  
  23.         <div data-role="page" id="home">  
  24.             <div data-role="content">  
  25.                 -----------这是一个html页面----------  
  26.                 <button id="btn_getActivity">  
  27.                     获取Activity中的数据  
  28.                 </button>  
  29.                 <button id="btn_getHtml">  
  30.                     获取Html中的数据  
  31.                 </button>  
  32.             </div>  
  33.         </div>  
  34.     </body>  
  35. </html>  
maozhuofan

maozhuofan

相关推荐

后端必备——数据通信知识(RPC、消息队列)一站式总结

RPCRPC—远程过程调用 ，它是一种通过网络从远程计算机程序上请求服务，而不需要了解底层网络技术的协议。RPC协议假定某些传输协议的存在，如TCP或UDP，为通信程序之间携带信息数据。在OSI网络通信模型中，RPC跨越了传输层和应用层。RPC使得开发分布

Microwave / 0评论 2019-06-27

Netty 编解码技术 数据通信和心跳监控案例

Netty 编解码技术 数据通信和心跳监控案例多台服务器之间在进行跨进程服务调用时，需要使用特定的编解码技术，对需要进行网络传输的对象做编码和解码操作，以便完成远程调用。Netty提供了完善，易扩展，易使用的编解码技术。还在等什么，丰满的知识等你来拿！针对

huaye00 / 0评论 2019-06-26

插件式架构设计实践二：基于Silverlight的B/S插件式架构设计方法

架构设计并不是项简单的工作，架构设计最终的产物则是由不同的框架组件构成一套高扩展、稳定、安全、通用的开发框架平台。或许一提到架构设计，很多朋友都联想到了常用的框架组件：数据访问组件、日志组件、事务组件、消息组件、配置组件以及工具库等。对于Silverlig

flyingdream / 0评论 2011-01-24

如果5G不挣钱，还会有6G吗？

5G的商用牌照正式发放之后，看到不少站在上帝视角的文章，批判发放的时机不对，分析产业即将面临多么严峻的困境。既然牌照已经发下来了，就要面对事实，与其坐而论道，不如起而行之。最早的移动通信是模拟移动通信网，也称为1G，那是有钱人才能享受的稀罕物，谈不上产业规

编程与网站运营 / 0评论 2019-06-10

Angular2 父子组件数据通信实例

如今的前端开发，都朝组件式开发模式靠拢，如果使用目前最流行的前端框架Angular和React开发应用，不可避免地需要开发组件，也就意味着我们需要考虑组件间的数据传递等问题，不过Angular 2已经为我们提供了很好的解决方案。接触过面向对象编程的开发者肯

DuKeCan / 0评论 2017-06-22

AngularJS ngModel实现指令与输入直接的数据通信

首先来看一下效果，在拖动input[range]的时候，下面的动画会随着拖动而发生改变，利用的原理就是ngModel实现的通信。实现的原理就是通过在指令中引入^ngModel来实现指令内部与外部之间的通信。

wssssg / 0评论 2016-09-21

关于Lua与C数据通信的栈深入理解

Lua与C交互的栈是一个重要的概念。文章首先解释了为什么要引入Lua栈，然后对访问栈常用的API进行了总结，并使用这些API的注意事项，最后从Lua源代码来看栈的实现原理。我们知道Lua是一种嵌入式语言，所有的Lua程序最后都需要通过Lua解释器把其解析成

Violet / 0评论 2014-05-31

iOS App与WatchKit Extension的数据通信

NSUserDefaults是快速共享信息的途径。它适合存储各种快速访问和计算的小型数据，比如用户名与档案信息。如果希望使用UserDefaults，请用于静态数据这样用户不必考虑数值的变化。你需要设定App Group来让设备通过共享容器来实现数据共享，

ShawnXiaFei / 0评论 2015-06-30

Fragment-加载方式与数据通信

inflater用于绑定Fragment的布局文件，同时将该布局转换成View对象并返回；container为Fragment的UI所在的父容器。返回值为Fragment显示的UI，若不显示，则返回null。resource为Fragment需要加载的布局

手机开发 / 0评论 2017-03-22