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

最新推荐文章于 2024-05-04 23:03:10 发布

tianxiangshan

最新推荐文章于 2024-05-04 23:03:10 发布

阅读量812

点赞数

分类专栏： android 问题

android 问题专栏收录该内容

13 篇文章

订阅专栏

调查一个线上Bug，发现是WebView中的一小段javascript，会直接调用到后台APK的一个Java事件，最后导致java中nullpointexception。
感兴趣的是，WebView中的javascript如何调用APK中的java方法。

一个例子：
通过JS取得Android的GPS数据

第一步，WebKit的准备
首先，给与WebKit的javascript的执行许可

public void onCreate(Bundle icicle) {
super.onCreate(icicle);
WebView wv = new WebView(this);
wv.getSettings().setJavaScriptEnabled(true);//JS利用OK
setContentView(wv);
}

复制代码

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

JsObj jo = new JsObj(this);
wv.addJavascriptInterface(jo, "roid");

复制代码

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

class JsObj {
private Context con;
public JsObj(Context con) {
this.con = con;
}
public String gps(String top, String end) {
LocationManager locman = (LocationManager)
con.getSystemService(Context.LOCATION_SERVICE);
Location loc = locman.getCurrentLocation("gps");
int lat = (int) (loc.getLatitude() * 1000000);
int lon = (int) (loc.getLongitude() * 1000000);
return top + "緯度:" + lat + ", 経度: " + lon + end;
}
}

复制代码

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

<html>
<head><title>JS calls Android Method</title></head>
<body>
<h1>JS on Android</h1>
<script type="text/javascript">
document.write(roid.gps("<i>", "</i>"));
</script>
</body>
</html>

复制代码

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

最后，全部的代码

package com.adamrocker.android.web;
import android.app.Activity;
import android.content.Context;
import android.location.Location;
import android.location.LocationManager;
import android.os.Bundle;
import android.webkit.WebView;
public class WebkitTest extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle icicle) {
super.onCreate(icicle);
WebView wv = new WebView(this);
wv.getSettings().setJavaScriptEnabled(true);
JsObj jo = new JsObj(this);
wv.addJavascriptInterface(jo, "roid");
setContentView(wv);
wv.loadUrl("http://www.adamrocker.com/android/js2android.html");
}
class JsObj {
private Context con;
public JsObj(Context con) {
this.con = con;
}
public String gps(String top, String end) {
LocationManager locman = (LocationManager) con
.getSystemService(Context.LOCATION_SERVICE);
Location loc = locman.getCurrentLocation("gps");
int lat = (int) (loc.getLatitude() * 1000000);
int lon = (int) (loc.getLongitude() * 1000000);
return top + "緯度:" + lat + ", 経度: " + lon + end;
}
}
}

复制代码

未完
我还想知道为什么，在webview里面定义一个JSObject，就可以连接javascript和后台函数
他们之间是如何通信的？
我稍微调查了一下WebView的底层代码，webview初期化的时候

/* Initialize private data within the WebCore thread.
*/
private void [More ...] initialize() {
/* Initialize our private BrowserFrame class to handle all
* frame-related functions. We need to create a new view which
* in turn creates a C level FrameView and attaches it to the frame.
*/
mBrowserFrame = new BrowserFrame(mContext, this, mCallbackProxy,
mSettings, mJavascriptInterfaces);
mJavascriptInterfaces = null;
// Sync the native settings and also create the WebCore thread handler.
mSettings.syncSettingsAndCreateHandler(mBrowserFrame);
// Create the handler and transfer messages for the IconDatabase
WebIconDatabase.getInstance().createHandler();
// Create the handler for WebStorage
WebStorage.getInstance().createHandler();
// Create the handler for GeolocationPermissions.
GeolocationPermissions.getInstance().createHandler();
// The transferMessages call will transfer all pending messages to the
// WebCore thread handler.
mEventHub.transferMessages();
// Send a message back to WebView to tell it that we have set up the
// WebCore thread.
if (mWebView != null) {
Message.obtain(mWebView.mPrivateHandler,
WebView.WEBCORE_INITIALIZED_MSG_ID,
mNativeClass, 0).sendToTarget();
}
}

复制代码

生成了显示用对象
mBrowserFrame
而此对象的所有操作事件，都会被
mEventHub截获而mEventHub会将请求发送给真正需要处理的MessageStub。通过messageName

Transfer all messages to the newly created webcore thread handler.
private void [More ...] transferMessages() {
mTid = Process.myTid();
mSavedPriority = Process.getThreadPriority(mTid);
mHandler = new Handler() {
@Override
public void [More ...] handleMessage(Message msg) {
if (DebugFlags.WEB_VIEW_CORE) {
Log.v(LOGTAG, (msg.what < REQUEST_LABEL
|| msg.what
> VALID_NODE_BOUNDS ? Integer.toString(msg.what)
: HandlerDebugString[msg.what
- REQUEST_LABEL])
+ " arg1=" + msg.arg1 + " arg2=" + msg.arg2
+ " obj=" + msg.obj);
}
switch (msg.what) {
case WEBKIT_DRAW:
webkitDraw();

复制代码

所以你要问我他们是怎么通信的
我只能说是线程间通信。

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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