Android的Webview中，javascript如何调用java方法

最新推荐文章于 2024-05-10 12:47:08 发布
最新推荐文章于 2024-05-10 12:47:08 发布
阅读量114 收藏
点赞数
文章标签： java javascript 移动开发 ViewUI

今天调查一个线上Bug，发现是WebView中的一小段javascript，会直接调用到后台APK的一个Java事件，最后导致java中nullpointexception。

感兴趣的是，WebView中的javascript如何调用APK中的java方法。

一个例子：

通过JS取得Android的GPS数据

第一步，WebKit的准备

首先，给与WebKit的javascript的执行许可

[java] view plain copy print ?
  1. publicvoidonCreate(Bundleicicle){
  2. super.onCreate(icicle);
  3. WebViewwv=newWebView(this);
  4. wv.getSettings().setJavaScriptEnabled(true);//JS利用OK
  5. setContentView(wv);
  6. }


然后，塞入自己的javascript拦截器

[java] view plain copy print ?
  1. JsObjjo=newJsObj(this);
  2. wv.addJavascriptInterface(jo,"roid");


第二步，定义自己的javascript拦截器

[java] view plain copy print ?
  1. classJsObj{
  2. privateContextcon;
  4. publicJsObj(Contextcon){
  5. this.con=con;
  6. }
  8. publicStringgps(Stringtop,Stringend){
  9. LocationManagerlocman=(LocationManager)
  10. con.getSystemService(Context.LOCATION_SERVICE);
  11. Locationloc=locman.getCurrentLocation("gps");
  12. intlat=(int)(loc.getLatitude()*1000000);
  13. intlon=(int)(loc.getLongitude()*1000000);
  14. returntop+"緯度:"+lat+",経度:"+lon+end;
  15. }
  16. }


第三步，定义一个可运行的html

[html] view plain copy print ?
  1. <html>
  2. <head><title>JScallsAndroidMethod</title></head>
  3. <body>
  4. <h1>JSonAndroid</h1>
  5. <scripttype="text/javascript">
  6. document.write(roid.gps("<i>","</i>"));
  7. </script>
  8. </body>
  9. </html>

在这个代码里面，可以用roid.gps的方法调用第二步定义的java函数

最后，全部的代码

[java] view plain copy print ?
  1. packagecom.adamrocker.android.web;
  3. importandroid.app.Activity;
  4. importandroid.content.Context;
  5. importandroid.location.Location;
  6. importandroid.location.LocationManager;
  7. importandroid.os.Bundle;
  8. importandroid.webkit.WebView;
  10. publicclassWebkitTestextendsActivity{
  11. /**Calledwhentheactivityisfirstcreated.*/
  12. @Override
  13. publicvoidonCreate(Bundleicicle){
  14. super.onCreate(icicle);
  15. WebViewwv=newWebView(this);
  16. wv.getSettings().setJavaScriptEnabled(true);
  17. JsObjjo=newJsObj(this);
  18. wv.addJavascriptInterface(jo,"roid");
  19. setContentView(wv);
  20. wv.loadUrl("http://www.adamrocker.com/android/js2android.html");
  21. }
  23. classJsObj{
  24. privateContextcon;
  26. publicJsObj(Contextcon){
  27. this.con=con;
  28. }
  30. publicStringgps(Stringtop,Stringend){
  31. LocationManagerlocman=(LocationManager)con
  32. .getSystemService(Context.LOCATION_SERVICE);
  33. Locationloc=locman.getCurrentLocation("gps");
  34. intlat=(int)(loc.getLatitude()*1000000);
  35. intlon=(int)(loc.getLongitude()*1000000);
  36. returntop+"緯度:"+lat+",経度:"+lon+end;
  37. }
  38. }
  39. }


未完

我还想知道为什么，在webview里面定义一个JSObject，就可以连接javascript和后台函数

他们之间是如何通信的？

我稍微调查了一下WebView的底层代码，webview初期化的时候

[java] view plain copy print ?
  1. /*InitializeprivatedatawithintheWebCorethread.
  2. */
  3. privatevoid[More...]initialize(){
  5. /*InitializeourprivateBrowserFrameclasstohandleall
  6. *frame-relatedfunctions.Weneedtocreateanewviewwhich
  7. *inturncreatesaClevelFrameViewandattachesittotheframe.
  8. */
  9. mBrowserFrame=newBrowserFrame(mContext,this,mCallbackProxy,
  10. mSettings,mJavascriptInterfaces);
  11. mJavascriptInterfaces=null;
  12. //SyncthenativesettingsandalsocreatetheWebCorethreadhandler.
  13. mSettings.syncSettingsAndCreateHandler(mBrowserFrame);
  14. //CreatethehandlerandtransfermessagesfortheIconDatabase
  15. WebIconDatabase.getInstance().createHandler();
  16. //CreatethehandlerforWebStorage
  17. WebStorage.getInstance().createHandler();
  18. //CreatethehandlerforGeolocationPermissions.
  19. GeolocationPermissions.getInstance().createHandler();
  20. //ThetransferMessagescallwilltransferallpendingmessagestothe
  21. //WebCorethreadhandler.
  22. mEventHub.transferMessages();
  23. //SendamessagebacktoWebViewtotellitthatwehavesetupthe
  24. //WebCorethread.
  25. if(mWebView!=null){
  26. Message.obtain(mWebView.mPrivateHandler,
  27. WebView.WEBCORE_INITIALIZED_MSG_ID,
  28. mNativeClass,0).sendToTarget();
  29. }
  30. }


生成了显示用对象

而此对象的所有操作事件，都会被

mEventHub截获

而mEventHub会将请求发送给真正需要处理的MessageStub。 通过messageName

[java] view plain copy print ?
  1. Transferallmessagestothenewlycreatedwebcorethreadhandler.
  3. privatevoid[More...]transferMessages(){
  5. mTid=Process.myTid();
  7. mSavedPriority=Process.getThreadPriority(mTid);
  9. mHandler=newHandler(){
  11. @Override
  12. publicvoid[More...]handleMessage(Messagemsg){
  14. if(DebugFlags.WEB_VIEW_CORE){
  16. Log.v(LOGTAG,(msg.what<REQUEST_LABEL
  18. ||msg.what
  20. >VALID_NODE_BOUNDS?Integer.toString(msg.what)
  22. :HandlerDebugString[msg.what
  24. -REQUEST_LABEL])
  26. +"arg1="+msg.arg1+"arg2="+msg.arg2
  28. +"obj="+msg.obj);
  30. }
  32. switch(msg.what){
  34. caseWEBKIT_DRAW:
  36. webkitDraw();


所以你要问我他们是怎么通信的

我只能说是线程间通信。

iteye_3619
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android中使用WebView调用java代码
ljtyzhr的专栏
12-25 940
1、背景说明       公司有一个项目急着上线，需要使用web开发，直接使用移动网站做内容，以便于能够快速适配android手机中的不同机型。       这个时候，有个问题，绝大多数的分享组件都是基于SDK的，并没有能够在网页上分享的组件。
android demo，webview_js(webview的js方法调用java方法)。
02-07
android demo，webview_js(webview的js方法调用java方法)。
Android中WebView实现Javascript调用Java类方法[转]
weixin_34249678的博客
05-17 72
为什么80%的码农都做不了架构师？>>> ...
Android的WebView通过JS调用java代码
weixin_34208185的博客
04-27 105
做项目时候会遇到我们用WebView 打开一个web，希望这个web可以调用自己的一些方法，比如我们在进一个web页面，然后当我们点击web上的某个按钮时，希望能判断当前手机端是否已经登录，如果未登录，那么就会跳转到登录页面（登陆页面是另一个Activity）。这个时候，一个简单的做法就是在按钮动作事件的js上调用java的方法，从而起到判断是否登录，并决定是否跳转到另一个页面。 Goog...
android 调用java类_Android中在WebView里实现Javascript调用Java类的方法
weixin_30607125的博客
03-05 124
搜索热词为了方便网页和Android应用的交互，Android系统提供了WebView中JavaScript网页脚本调用Java类方法的机制。只要调用addJavascriptInterface方法即可映射一个Java对象到JavaScript对象上。1、映射Java对象到JavaScript对象上mWebView = (WebView) findViewById(R.id.wv_content)...
android webview中使用Java调用JavaScript方法并获取返回值
01-20
通过这种方式，你可以在Android的WebView中调用JavaScript方法并获取返回值。请注意，为了安全起见，使用`addJavascriptInterface`时应该始终加上`@JavascriptInterface`注解，并对传入的数据进行适当的验证和清理，...
Android中在WebView里实现Javascript调用Java类的方法
10-24
以上内容涵盖了在Android WebView中实现JavaScript调用Java类方法的核心知识，包括如何设置WebView以支持JavaScript，如何映射Java对象到JavaScript对象，以及如何定义Java类和方法供JavaScript调用。这些技术点都是...
Android webview和js互相调用实现方法
01-20
这个方法允许我们在JavaScript中创建一个对象，该对象对应于Android中的一个类实例，从而实现JavaScript方法调用Android方法。以下是一个简单的示例： ```java webView.addJavascriptInterface(new JsBridge(), "wv...
WebView与Java的交互,WebView调用Java方法的几种方式
qy的专栏
04-25 7141
本次主要介绍 WebView 和前端的一些交互，前端调用 Java 方法的几种方法，顺便会介绍 Java 调用 JS 的方式。按如下的顺序依次讲解 1. 前端需要注意的几个地方 2. Java 调用 JS 函数，以及传递参数给 JS 函数 3. JS 调用 Java 代码不需要 Java 函数的返回值的两种方式 4. JS 调用 Java 代码需要获取 Java 函数的返回值的两种
WebView基本的js与java相互调用
02-14
简单实现了WebView中js调用Android以及Android对js的调用
webview控件使用(java代码和js的互相调用)
05-04
利用webview控件，实现js和java代码的相互调用
Android之Webview使用Java代码和JS相互调用
I_do_can的博客
02-23 3021
本文主要记录一些零碎的东西 最近由于项目的需要，需要使用Java代码和JS相互调用，特此记录一点入门的东西，仅仅是入门而已 github: https://github.com/CL-window/java_webview_js.git 话不多说，肯定是分为两块的 1.java 调用 js: /** * method here will not load htm
Java最全Java设计一个简单的计算器程序，原理解析
最新发布
2401_84102840的博客
05-10 1012
小编在这里分享些我自己平时的学习资料，由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！开源分享：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】程序员代码面试指南 IT名企算法与数据结构题目最优解这是” 本程序员面试宝典!书中对IT名企代码面试各类题目的最优解进行了总结，并提供了相关代码实现。
Android JavaScript调用Java 方法
u011370933的专栏
03-31 504
在网络上面找了很多例子，都不能正常显示，自己直接看Google Doc查询. 下面是MainActivity package com.gzfgeh.jsjson; import android.support.v7.app.ActionBarActivity; import android.annotation.SuppressLint; import android.os.Bundle;
WebView与 JS 交互方式
qq_39431405的博客
01-29 2922
Webview与JS的交互方法
在 WebView 中如何使用 JavaScript？
Programming Talk
03-12 2300
在 JavaScript 中调用 Java可以通过 WebView 的 addJavascriptInterface() 方法将 Java 对象暴露给 JavaScript，从而在 JavaScript 中调用 Java 方法。总之，在 WebView 中使用 JavaScript 非常简单，只需要启用 JavaScript、加载包含 JavaScript 的网页，然后就可以在 Java 和 JavaScript 之间互相调用了。
Android WebView使用方法详解 附js交互调用方法
weixin_42602900的博客
03-09 4168
Android WebView使用方法详解 附js交互调用方法
android混合开发，webview的java与js互操作
zidafone的博客
12-09 494
android原生应用，用webview加载应用中的网页，并且java代码与js代码可以互相操作。 这是混合开发的基石，最基本也最重要的东西，实验代码在这里。 概括说说—— java调js：调用webView.load("javascript:someFunction()"); 这样可以调用webView里页面上的全局方法。这不是什么新鲜东西，你在网页中也可以这么做，试试在浏览器地址栏输入
Android WebView中Java与JavaScript交互实战
3. 使用`loadUrl`方法调用JavaScript函数。 4. 设置`WebViewClient`和`WebChromeClient`以增强交互功能。 通过这种方式，开发者可以在Android应用中充分利用JavaScript的灵活性，同时利用Java的系统级功能，实现...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值