Android-----js和android的互调

 
http://code.google.com/p/apps-for-android/source/browse/trunk/Samples/WebViewDemo/

我对其进行了修改,并加了简单的注释,这个例子的不仅是对js的操作,它还对android浏览器做了简单的介绍, 
这些我会在注释中一一讲解。

Javascript弹出框有如下三种:

  1. alert();
  2. window.confirm("Are you srue?");
  3. window.prompt("Please input some word";,"this is text");

WebChromeClient 中对三种dialog进行了捕捉,但不幸的是,并没有回调函数可以使用, 
或者说不能获得用户是点击“OK”还是“CANCEL”的操作结果。 
个人以为,这些方法的设置是为了对一些涉及到html操作的应用程序进行测试时使用的。 
在WebChromeClient中还有以下的方法:

  1. onProgressChanged(WebView view, int newProgress);
  2. onReceivedIcon(WebView view, Bitmap icon);
  3. onReceivedTitle(WebView view, String title);
  4. onRequestFocus(WebView view);
  5. onCloseWindow(WebView window);
  6. onProgressChanged(WebView view, int newProgress)

这些方法的使用我会在以后的博文中讲到. 
请大家先看今天讲解的重点

  1. public class WebViewDemo extends Activity {
  2. private static final String LOG_TAG = "WebViewDemo";
  3. private WebView mWebView;
  4. private TextView mReusultText ;
  5. private Handler mHandler = new Handler();
  6. @Override
  7. public void onCreate(Bundle icicle) {
  8. super.onCreate(icicle);
  9. setContentView(R.layout.main);
  10. //获得浏览器组件
  11. //WebView就是一个简单的浏览器
  12. //android浏览器源码存在于LINUX\android\package\apps\Browser中
  13. //里面的所有操作都是围绕WebView来展开的
  14. mWebView = (WebView) findViewById(R.id.webview);
  15. mReusultText = (TextView) findViewById(R.id.resultText);
  16. //WebSettings 几乎浏览器的所有设置都在该类中进行
  17. WebSettings webSettings = mWebView.getSettings();
  18. webSettings.setSavePassword(false);
  19. webSettings.setSaveFormData(false);
  20. webSettings.setJavaScriptEnabled(true);
  21. webSettings.setSupportZoom(false);
  22. mWebView.setWebChromeClient(new MyWebChromeClient());
  23. /*
  24. * DemoJavaScriptInterface类为js调用android服务器端提供接口
  25. * android 作为DemoJavaScriptInterface类的客户端接口被js调用
  26. * 调用的具体方法在DemoJavaScriptInterface中定义:
  27. * 例如该实例中的clickOnAndroid
  28. */
  29. mWebView.addJavascriptInterface(new DemoJavaScriptInterface(),"androd");
  30. mWebView.loadUrl("file:///android_asset/page.html");
  31. }
  32. final class DemoJavaScriptInterface {
  33. DemoJavaScriptInterface() {}
  34. /**
  35. * 该方法被浏览器端调用
  36. */
  37. public void clickOnAndroid() {
  38. mHandler.post(new Runnable() {
  39. public void run() {
  40. //调用js中的onJsAndroid方法
  41. mWebView.loadUrl("javascript:onJsAndroid()");
  42. }
  43. });
  44. }
  45. }
  46. /**
  47. * 继承WebChromeClient类
  48. * 对js弹出框时间进行处理
  49. *
  50. */
  51. final class MyWebChromeClient extends WebChromeClient {
  52. /**
  53. * 处理alert弹出框
  54. */
  55. @Override
  56. public boolean onJsAlert(WebView view,String url,
  57. String message,JsResult result) {
  58. Log.d(LOG_TAG,"onJsAlert:"+message");
  59. mReusultText.setText("Alert:"+message);
  60. //对alert的简单封装
  61. new AlertDialog.Builder(WebViewDemo.this).
  62. setTitle("Alert").setMessage(message).setPositiveButton("OK",
  63. new DialogInterface.OnClickListener() {
  64. @Override
  65. public void onClick(DialogInterface arg0, int arg1) {
  66. //TODO
  67. }
  68. }).create().show();
  69. result.confirm();
  70. return true;
  71. }
  72. /**
  73. * 处理confirm弹出框
  74. */
  75. @Override
  76. public boolean onJsConfirm(WebView view, String url, String message,
  77. JsResult result) {
  78. Log.d(LOG_TAG, "onJsConfirm:"+message);
  79. mReusultText.setText("Confirm:"+message);
  80. result.confirm();
  81. return super.onJsConfirm(view, url, message, result);
  82. }
  83. /**
  84. * 处理prompt弹出框
  85. */
  86. @Override
  87. public boolean onJsPrompt(WebView view, String url, String message,
  88. String defaultValue, JsPromptResult result) {
  89. Log.d(LOG_TAG,"onJsPrompt:"+message);
  90. mReusultText.setText("Prompt input is :"+message);
  91. result.confirm();
  92. return super.onJsPrompt(view, url, message, message, result);
  93. }
  94. }
  95. }
 
分类: Android
 
好文要顶 关注我 收藏该文  
4
0
 
(请您对文章做出评价)
 

Android-----js和android的互调的更多相关文章

  1. [转]JS调用Android里面的方法,Android调用JS里面的方法

    FROM : http://blog.csdn.net/hj563308597/article/details/45197709 Android WebView 在公司Android的开发过程中遇到一 ...

  2. WebView中JS调用Android Method 遇到的坑整理

    WebView是android中常用的一个组件,其作用是展示网页,并让网页和android app进行一些业务逻辑上的交互. 其坑无数,相信用过的都知道,一个一个来解决吧. 1.怎么互调: <! ...

  3. JS调用Android、Ios原生控件

    在上一篇博客中已经和大家聊了,关于JS与Android.Ios原生控件之间相互通信的详细代码实现,今天我们一起聊一下JS调用Android.Ios通信的相同点和不同点,以便帮助我们在进行混合式开发时, ...

  4. Atitit.android js 的键盘按键检测Back键Home键和Menu键事件

    Atitit.android js 的键盘按键检测Back键Home键和Menu键事件 1. onKeyDown @Override public boolean onKeyDown(int keyC ...

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

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

  6. PhoneGap或者Cordova框架下实现Html5中JS调用Android原生代码

    PhoneGap或者Cordova框架下实现Html5中JS调用Android原生代码 看看新闻网>看引擎>开源产品 0人收藏此文章, 发表于8小时前(2013-09-06 00:39) ...

  7. js和android及ios交互

    Android中Java和JavaScript交互 这种交互,Hybrid App 会用的比较多一点, 本文将介绍如何实现Java代码和Javascript代码的相互调用. Android提供了一个很 ...

  8. WebView之js调用Android类的方法传递数据

    1,具体的思路如下: 在android中写一个Activity,里面写一个webview,这个webview加载本地的一个html文件,显示这个网页,这个网页包括一个用户名和密码的输入框和两个按钮(只 ...

  9. Android JS桥交互("Uncaught ReferenceError: xxx is not defined or xxx has no method")

    网上android和js交互的代码有不少,也很容易搜到.最近在做的项目需要用到js桥,遇到了一些问题,记录下来,希望以后遇到能马上解决掉. 一开始我找的demo是从这个:http://blog.csd ...

  10. js调用android本地java代码

    js调用android本地java代码 当在Android上使用WebView控件开发一个Web应用时,可以创建一个通过Javascript调用Android端java代码的接口.也就是可以通过Jav ...

随机推荐

  1. Humble Numbers(丑数) 超详解!

    给定一个素数集合 S = { p[1],p[2],...,p[k] },大于 1 且素因子都属于 S 的数我们成为丑数(Humble Numbers or Ugly Numbers),记第 n 大的丑 ...

  2. MRC、ARC内存管理机制

    MRC下,oc内存管理遵循"谁创建.谁释放.谁引用.谁管理"的机制,当创建或引用一个对象时,需要向她发送alloc,copy,retain消息,当释放该对象时需要发送release ...

  3. FineUIMvc随笔 - 怎样在控件中嵌套 HTML

    声明:FineUIMvc(基础版)是免费软件,本系列文章适用于基础版. 用户需求 有网友在<FineUI总群1>问这么一个问题:怎么把 HTML 嵌套在控件中? 这是很多刚学习 FineU ...

  4. [TPYBoard - Micropython] 五分种学会用TPYBoard - GPS 制作短信群发机

    转载请注明:@小五义 http://www.cnblogs.com/xiaowuyi 欢迎加入讨论群 64770604   一.什么是TPYBoard-GPS TPYBoard-GPS又称TPYBoa ...

  5. 串匹配模式中的BF算法和KMP算法

    考研的专业课以及找工作的笔试题,对于串匹配模式都会有一定的考察,写这篇博客的目的在于进行知识的回顾与复习,方便遇见类似的题目不会纠结太多. 传统的BF算法 传统算法讲的是串与串依次一对一的比较,举例设 ...

  6. css秘密花园

    picture元素 http://www.w3cplus.com/responsive/responsive-images-101-part-6-picture-element.htmlCHAPTER ...

  7. 1349: [Baltic2006]Squint

    1349: [Baltic2006]Squint Time Limit: 1 Sec  Memory Limit: 64 MBSubmit: 427  Solved: 248[Submit][Stat ...

  8. 1613: [Usaco2007 Jan]Running贝茜的晨练计划

    1613: [Usaco2007 Jan]Running贝茜的晨练计划 Time Limit: 5 Sec  Memory Limit: 64 MB Submit: 1252  Solved: 609 ...

  9. Archlinux中卸载 Slim

    Slim 是图形登录器.最近停止更新了,据说在systemd中有兼容性问题. 卸载Slim的原因是某计算机使用的是AMD显卡的Catalyst驱动,图形驱动一旦出问题,Slim就无法启动,给维护造成困 ...

  10. 自己做得一个用于直观观察css3 transform属性中的rotate 3D效果

    这段代码还是非常简单,是看了一个老师的视频受的启发,也是调用了很多个函数,所以比较杂乱吧! <!DOCTYPE html><html lang="en">& ...