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

最新推荐文章于 2025-05-10 12:09:56 发布
最新推荐文章于 2025-05-10 12:09:56 发布 · 163 阅读 · 0
文章标签：

#java #javascript #移动开发 #ViewUI

本文介绍如何在WebView中让JavaScript调用Android的Java方法，包括设置WebView允许执行JavaScript、创建自定义JavaScript接口并实现GPS数据获取等功能。

今天调查一个线上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
关注
Android中使用WebView调用java代码
ljtyzhr的专栏
12-25 1005
1、背景说明       公司有一个项目急着上线，需要使用web开发，直接使用移动网站做内容，以便于能够快速适配android手机中的不同机型。       这个时候，有个问题，绝大多数的分享组件都是基于SDK的，并没有能够在网页上分享的组件。
Android之Webview使用Java代码和JS相互调用
I_do_can的博客
02-23 3154
本文主要记录一些零碎的东西 最近由于项目的需要，需要使用Java代码和JS相互调用，特此记录一点入门的东西，仅仅是入门而已 github: https://github.com/CL-window/java_webview_js.git 话不多说，肯定是分为两块的 1.java 调用 js: /** * method here will not load htm
android demo，webview_js(webview的js方法调用java方法)。
02-07
android demo，webview_js(webview的js方法调用java方法)。
Android中WebView实现Javascript调用Java类方法[转]
weixin_34249678的博客
05-17 111
为什么80%的码农都做不了架构师？>>> ...
Android的WebView通过JS调用java代码
weixin_34208185的博客
04-27 154
做项目时候会遇到我们用WebView 打开一个web，希望这个web可以调用自己的一些方法，比如我们在进一个web页面，然后当我们点击web上的某个按钮时，希望能判断当前手机端是否已经登录，如果未登录，那么就会跳转到登录页面（登陆页面是另一个Activity）。这个时候，一个简单的做法就是在按钮动作事件的js上调用java的方法，从而起到判断是否登录，并决定是否跳转到另一个页面。 Goog...
android 调用java类_Android中在WebView里实现Javascript调用Java类的方法
weixin_30607125的博客
03-05 167
搜索热词为了方便网页和Android应用的交互，Android系统提供了WebView中JavaScript网页脚本调用Java类方法的机制。只要调用addJavascriptInterface方法即可映射一个Java对象到JavaScript对象上。1、映射Java对象到JavaScript对象上mWebView = (WebView) findViewById(R.id.wv_content)...
WebView与Java的交互,WebView调用Java方法的几种方式
qy的专栏
04-25 7406
本次主要介绍 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中实现H5与Java间交互的详细教程
最新发布
weixin_34598113的博客
05-10 1090
WebView是Android平台上的一个重要组件，它允许开发者在应用程序内部嵌入网页浏览器功能。通过WebView，可以加载网页，展示网络内容，也可以渲染本地的HTML文件。它为Android应用提供了一个全新的视图，让开发者可以轻松地在应用中集成Web技术。在Android WebView组件中，JavaScript扮演着连接网页内容与本地应用逻辑的桥梁。
Android JavaScript调用Java 方法
u011370933的专栏
03-31 543
在网络上面找了很多例子，都不能正常显示，自己直接看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 3671
Webview与JS的交互方法
在 WebView 中如何使用 JavaScript？
Programming Talk
03-12 2703
在 JavaScript 中调用 Java可以通过 WebView 的 addJavascriptInterface() 方法将 Java 对象暴露给 JavaScript，从而在 JavaScript 中调用 Java 方法。总之，在 WebView 中使用 JavaScript 非常简单，只需要启用 JavaScript、加载包含 JavaScript 的网页，然后就可以在 Java 和 JavaScript 之间互相调用了。
Android WebView使用方法详解 附js交互调用方法
weixin_42602900的博客
03-09 4436
Android WebView使用方法详解 附js交互调用方法
android混合开发，webview的java与js互操作
zidafone的博客
12-09 579
android原生应用，用webview加载应用中的网页，并且java代码与js代码可以互相操作。 这是混合开发的基石，最基本也最重要的东西，实验代码在这里。 概括说说—— java调js：调用webView.load("javascript:someFunction()"); 这样可以调用webView里页面上的全局方法。这不是什么新鲜东西，你在网页中也可以这么做，试试在浏览器地址栏输入
WebView实现js与java代码的互相调用
SkylakeXun的博客
01-05 1545
main/assets/news_detail.xml html> head> meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/> script type="text/javascript">
webview中js调用java方法
caohuicong的博客
04-06 1379
前几天接到这样一个需求，在android webview中显示网页的内容，但是网页中有一按钮，点击后需要我们app中去处理。开始我想着是监听网页中的点击事件，但最后还是选择了 当点击了网页中的按钮后，让js(网页)调用我们的java方法。下面附上webview中的使用代码/*在js注册点击监听回调 */ webview.addJavascriptInterface(MainActivity.this
Carson带你学Android：你要的WebView与 JS 交互方式都在这里了
热门推荐
Carson带你学Android
03-22 35万+
前言 现在很多App里都内置了Web网页（Hybrid App），比如说很多电商平台，淘宝、京东、聚划算等等，如下图 上述功能是由Android的WebView实现的，其中涉及到Android客户端与Web网页交互的实现 今天我将全面介绍Android通过WebView与JS交互的全面方式 阅读本文前请先阅读：Android开发：最全面、最易懂的Webview详解 ...
Android WebView中JavaScript与Java交互示例
在Java代码中，可以通过WebView的`loadUrl`方法调用JavaScript函数： ```java webview.loadUrl("javascript:show toast('Hello from Java')"); ``` 5. 调用JavaScript函数的回调： 有时候，Java调用JavaScript...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值