Android高手进阶教程(二十)之---Android与JavaScript方法相互调用！

最新推荐文章于 2024-07-24 11:23:56 发布
最新推荐文章于 2024-07-24 11:23:56 发布
阅读量1k 收藏
点赞数
分类专栏： android 后台功能 文章标签： android javascript layout button html encoding

    http://blog.csdn.net/Android_Tutor/archive/2010/08/31/5853143.aspx

     在Android中通过WebView控件,可以实现要加载的页面与Android方法相互调用,我们要实现WebView中的addJavascriptInterface方法，这样html才能调用android方法，在这里我个人觉得有点和DWR相似。

为了让大家容易理解，我写了一个简单的Demo，具体步骤如下:

第一步:新建一个Android工程,命名为WebViewDemo(这里我在assets里定义了一个html页面)。

第二步:修改main.xml布局文件，增加了一个WebView控件还有Button控件，代码如下:

 

view plain copy to clipboard print ?
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:orientation="vertical"  
  4.     android:layout_width="fill_parent"  
  5.     android:layout_height="fill_parent"  
  6.     >  
  7.     <TextView    
  8.         android:layout_width="fill_parent"   
  9.         android:layout_height="wrap_content"   
  10.         android:text="Welcome to Mr Wei's Blog."  
  11.         />  
  12.     <WebView  
  13.         android:id="@+id/webview"  
  14.         android:layout_width="fill_parent"   
  15.         android:layout_height="wrap_content"   
  16.     />  
  17.     <Button  
  18.         android:id="@+id/button"  
  19.         android:layout_width="fill_parent"  
  20.         android:layout_height="wrap_content"  
  21.         android:text="Change the webview content"  
  22.     />  
  23. </LinearLayout>  

 

第三步:在assets目录下新建一个demo.html文件,代码如下(这里不知道为何多了mce:这几个东东,<script></script>这样是对的):

 

view plain copy to clipboard print ?
  1. <html>  
  2.     <mce:script language="javascript"><!--  
  3.    
  4.         function fillContent(){  
  5.             document.getElementById("content").innerHTML =   
  6.                  "This Content is showed by Android invoke Javascript function.";  
  7.         }  
  8.       
  9. // --></mce:script>    
  10.   <body>  
  11.     <p><a onClick="window.demo.startMap()" href="">Start GoogleMap</a></p>  
  12.     <p id="content"></p>  
  13.     <p>A Demo ----Android and Javascript invoke each other.</p>  
  14.     <p>Author:Frankiewei</p>  
  15.   </body>  
  16. </html>   

 

第四步:修改主核心程序WebViewDemo.java,代码如下:

 

view plain copy to clipboard print ?
  1. package com.tutor.webwiewdemo;  
  2. import android.app.Activity;  
  3. import android.content.ComponentName;  
  4. import android.content.Intent;  
  5. import android.os.Bundle;  
  6. import android.view.View;  
  7. import android.webkit.WebSettings;  
  8. import android.webkit.WebView;  
  9. import android.widget.Button;  
  10. public class WebViewDemo extends Activity {  
  11.     private WebView mWebView;  
  12.     private Button mButton;  
  13.     public void onCreate(Bundle savedInstanceState) {  
  14.         super.onCreate(savedInstanceState);  
  15.         setContentView(R.layout.main);  
  16.         setupViews();  
  17.     }  
  18.     //初始化  
  19.     private void setupViews() {  
  20.         mWebView = (WebView) findViewById(R.id.webview);  
  21.         WebSettings mWebSettings = mWebView.getSettings();  
  22.         //加上这句话才能使用javascript方法  
  23.         mWebSettings.setJavaScriptEnabled(true);  
  24.         //增加接口方法,让html页面调用  
  25.         mWebView.addJavascriptInterface(new Object() {  
  26.             //这里我定义了一个打开地图应用的方法  
  27.             public void startMap() {  
  28.                 Intent mIntent = new Intent();  
  29.                 ComponentName component = new ComponentName(  
  30.                         "com.google.android.apps.maps",  
  31.                         "com.google.android.maps.MapsActivity");  
  32.                 mIntent.setComponent(component);  
  33.                 startActivity(mIntent);  
  34.             }  
  35.         }, "demo");  
  36.         //加载页面  
  37.         mWebView.loadUrl("file:///android_asset/demo.html");  
  38.         mButton = (Button) findViewById(R.id.button);  
  39.         //给button添加事件响应,执行JavaScript的fillContent()方法  
  40.         mButton.setOnClickListener(new Button.OnClickListener() {  
  41.             public void onClick(View v) {  
  42.                 mWebView.loadUrl("javascript:fillContent()");  
  43.             }  
  44.         });  
  45.     }  
  46. }  

 

第五步:运行上述工程，查看效果。

    

                        首界面                                           点击按钮时,html内容改变

   点击html的startGoogleMap启动地图应用

zhjp4295216
关注
专栏目录
JavaScript与安卓交互之JS调用安卓方法
03-02
JavaScript与安卓交互之JS调用安卓方法，实现网页与安卓的交互。
Android-Java和JavaScript相互调用
weixin_33725270的博客
04-08 246
当前的Android开发中，会使用大量的h5(html5+css3+js),甚至出现了混合开发模式（Hybrid），使用Hybrid开发，h5页面开发效率高和移植便利性为主。但在一些地方使用h5开发的确会不太容易实现，这个时候就需要调用Java原生方法来完成，就会遇到JavasSript和Java相互调用，用Java原生方法实现那些Jav...
JS如何调用Android原生方法
wangbaobao512的博客
10-09 7347
实际上，JSBridge 就像其名称中的Bridge的意义一样，是 Native 和非 Native 之间的桥梁，它的核心是构建 Native 和非 Native 间消息通信的通道，而且这个通信的通道是双向的。1、增加Javascript的接口：把安卓的相关方法的接口赋值到一个特殊的js对象中，继而赋值给window对象中，比如下面代码块 项目中的PosObj。3、js调用Android方法（）//将handleAndroid方法放到需要调用的地方。
JS和android原生相互调用，JS传string 无限制调用android 原生工具类
qq_34784151的博客
07-22 1494
JS在服务器端，可以随时更新。给用户的APP预留一些常用工具类，通过JS 调用android 反射生成对象，进而调用android预留的工具类方法。因为不是做项目，只是demo测试，只简单的转换了boolean和int,string类型的，其他的大同小异，根据需要补上即可。
APP开发_Android 与 js 互相调用
突破编程
04-16 2534
Android 与 js 互相调用
Android应用源码-网络浏览类安卓源代码（26例）.zip
10-23
6. **JavaScript接口**：Android应用可以通过`WebView.addJavascriptInterface()`方法暴露Java对象给JavaScript调用，实现两者间的交互。这种技术在实现一些复杂功能，如获取用户输入、更新UI时非常有用。 7. **...
Android与js交互-IT计算机-毕业设计.zip
04-06
为了实现Android与JavaScript的双向通信，我们需要使用WebView的`addJavascriptInterface()`方法暴露Java对象给JavaScript调用，同时可以使用`evaluateJavascript()`方法执行JavaScript代码并获取结果。这样，...
FridaHookAndroid:Frida-Android 进阶
05-26
FridaHookAndroidFrida-Android 进阶frida 版本：12.11.18系统：Ubuntu 20.04 LTS博客地址：官方 APIJava 运行时官方API地址： ，这里给出几个常用的 APIJava.perform(fn)确保当前线程被附加到 VM 上，并且调用fn...
移动安全-APP渗透进阶之AppCan本地文件解密1
08-03
### 移动安全-APP渗透进阶之AppCan本地文件解密 #### 一、概述 随着移动应用的快速发展，应用程序的安全性变得越来越重要。在本文档中，我们将深入探讨如何对采用AppCan混合开发技术的应用进行渗透测试，并重点...
Android视频教程
06-16
这篇资料主要涵盖的是Android开发的学习资源，包括了基础教程、自定义控件、JNI、与H5交互、第三方框架分析、项目实战以及前沿技术等多个方面。以下是对这些知识点的详细说明： 1. **Android核心技术**：这部分教程...
Android中调用js方法及js中调用本地方法
05-30
Android中调用js方法及js中调用本地方法，具体请看：http://blog.csdn.net/princelxz/article/details/27666979
js调用安卓原生
liZhiBo350318729的博客
07-18 1637
js掉安卓原生
JS中调android的方法
2401_84149444的博客
05-06 749
答应大伙的备战金三银四，大厂面试真题来啦！这份资料我从春招开始，就会将各博客、论坛。网站上等优质的Android开发中高级面试题收集起来，然后全网寻找最优的解答方案。每一道面试题都是百分百的大厂面经真题+最优解答。包知识脉络 + 诸多细节。节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。《960全网最全Android开发笔记》《379页Android开发面试宝典》包含了腾讯、百度、小米、阿里、乐视、美团、58、猎豹、360、新浪、搜狐等一线互联网公司面试被问到的题目。
【Android进阶】Android js 与 Android 互调方法
Misdirection_XG的博客
04-10 1178
Android 客户端启动速度优化之「垃圾回收」
Android与JS交互方案及常见问题
最新发布
weixin_53545232的博客
07-24 1075
如果检测到是预先约定好的协议，就调用相应方法，即JS需要调用Android中的方法。Android和JS通过webview.addJavascriptInterface(new JSKit(),"mjs")方法形成对象映射,JS中的mjs对象就可以调用Android中的JSKit对象中的方法了。当该JS通过Android的mWebView.loadUrl("file:///android_asset/javascript.html")加载后，就会回调shouldOverrideUrlLoading()。
Android OpenCV（四十）：QR二维码检测(1)
2301_79655511的博客
04-14 929
/ 请求相机权限if (it) {} else {Toast.makeText(applicationContext, “无相机权限”, Toast.LENGTH_SHORT).show()// 请求外部存储权限if (it) {} else {Toast.makeText(applicationContext, “无存储权限”, Toast.LENGTH_SHORT).show()if (it) {
js调用原生android方法
zhang804633234的专栏
05-14 2039
java public class MainActivity extends AppCompatActivity { protected void onCreate(Bundle savedInstanceState) { WebView webView = new WebView(this); // 允许WebView加载JavaScript webView.getSettings().setJavaScriptEnabled(true); .
android调用js和js调用android
qq_34102946的博客
01-24 505
只是为了让自己记住怎么用而已。
Android源码中JavaScript调用方法学习资料
这个方法需要两个参数：第一个是要暴露给JavaScript的Java对象实例，第二个是供JavaScript调用时使用的接口名称。通过这种方式，JavaScript可以直接调用Java对象的方法。 4. JavaScript代码注入技巧： 在某些情况...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值