android 和JS互调

http://note.youdao.com/noteshare?id=46cdbb294eb6bafcec1406a2a18b9d9d

一、Android调用JS方法

1.Java调用js代码(Android4.4以前)

mWebView.loadUrl("javascript:sum(3,8)");

注意,这里通过addJavascriptInterface将MyActiviy所对应的对象注入到WebView中了。

js函数处理,并将结果通过调用java方法返回


function sum(i,m){

var result = i+m;

document.getElementById("h").innerHTML= result;

}

2.JAVA中如何得到JS中的返回值(Android4.4之后)

Android 4.4之后使用evaluateJavascript即可。这里展示一个简单的交互示例

先写一个具有返回值的js方法

function getGreetings(str) {

return str;

}

java代码时用evaluateJavascript方法调用:(注意:1.evaluateJavascript执行JS方法时,网页必须加载完毕  2.网页中的JS方法是全局方法

private void testEvaluateJavascript(WebView webView) {

webView.evaluateJavascript("javascript:getGreetings('"+"hello world!"+"')",newValueCallback() {

@Override

publicvoidonReceiveValue(String value) {

Log.i(LOGTAG,"onReceiveValue value="+ value);

}

});

}

从上面的用法中很明显看到,通过evaluateJavascript调用JS中的方法,可以向其中添加结果回调,来接收JS的return值。

注意:

上面限定了结果返回结果为String,对于简单的类型会尝试转换成字符串返回,对于复杂的数据类型,建议以字符串形式的json返回。

evaluateJavascript方法必须在UI线程(主线程)调用,因此onReceiveValue也执行在主线程。

----------------------------------------------------------------分割线------------

二、JS调用Android

在WebView中使用JavaScript

如果在你的WebView中你将要加载的网页使用JavaScript,你必须为你的WebView启用JavaScript。一旦Javascript启用,你可以在你的应用代码和你的JavaScript代码之间创建接口。

Enabling JavaScript

启用Javascript

Javascript在WebView中默认是禁用的,你必须为你的WebView启用Javascript。你可以通过getSetting()方法获取WebSettings,然后使用setJavaScriptEnabled()启用Javascript。

例如:

WebView myWebView=(WebView)findViewById(R.id.webview);

WebSettings webSettings=myWebView.getSettings();

webSettings.setJavaScriptEnabled(true);

WebSettings提供了访问各种各样的其他有用的设置。例如,如果你正在开发一款在你的Android应用中指定WebView设计的web应用,然后你可以使用setUserAgentString()定义一个自定义用户代理字符,然后在你的网页中查询自定义用户代理字符来核实客户端请求网页确实来自Android应用。

Binding JavaScript code to Android code

绑定JavaScript代码到Android代码

当正在开发一款在Android应用中指定WebView设计的web应用时,你可以在你的Javascript和客户端Android代码之间创建接口。例如,在你的Android代码中你的Javascript代码可以调用一个方法来显示一个对话框Dialog,而不是使用Javascript的alert()功能。

在你的JavaScript和Android代码之间,要绑定一个新的接口,须调用addJavascriptInterface()方法,给这个方法传进一个绑定到你的JavaScript的类实例和一个(你的JavaScript可以调用来访问这个类)的接口名。

例如,你可以在你的Android应用中包含下面的类:

public class WebAppInterface{

ContextmContext;

/** Instantiate the interface and set the context */

WebAppInterface(Contextc){

mContext=c;

}

/** Show a toast from the web page */

@JavascriptInterface

publicvoidshowToast(Stringtoast){

Toast.makeText(mContext,toast,Toast.LENGTH_SHORT).show();

}

}

注意:如果你已经设置你的 targetSdkVersion 为17或者更高版本,你必须给你的的JavaScript可以获取到的方法(方法必须是Public)添加@JavascriptInterface注释。如果你不提供注释,当你的网页运行在Android 4.2或者更高版本的系统时,这些方法是获取不到的。

在这个例子中,WebAppInterface类允许网页使用showToast()方法创建一个Toast信息。

通过addJavascriptInterface()方法,你可以绑定这个类到你的WebView运行的JavaScript中,并命名Android接口。例如:

WebView webView=(WebView)findViewById(R.id.webview);

webView.addJavascriptInterface(newWebAppInterface(this),"Android");

这给运行在WebView中的JavaScript创建了叫“Android”的接口。在这里,你的网页应用可以访问WebAppInerface类。例如,这有一些HTML和JavaScript(当用户点击按钮时使用新接口创建toast信息的Javascript):

function showAndroidToast(toast){

Android.showToast(toast);

}

从JavaScript初始化Android接口是不需要的。WebView自动使接口可以被你的网页获取。所以,点击按钮时,showAndroidToast()功能使用Android接口调用WebAppInterface.showToast()方法。

注:绑定到你的JavaScript对象运行在另一个线程,而不是在它被创建的线程。

注意:使用addJavascriptInterface()方法JavaScript控制你的Android应用。这是非常有用的特点或者是一个危险的安全问题。当HTML在WebView中是不可信的(例如,部分或全部的HTML是由不明身份的人和进程提供的),攻击者可以在你的HTML中执行你的客户端代码,并且攻击者选择的代码可能是任何代码。这样,除非在你的WebView中的所有的HTML和JavaScript代码都是你写的,否则,你不要使用addJavascriptInterface()方法。在你的WebView中,你也应该不要允许用户去导航到其他的不是你自己的网页(相反,允许用户的默认浏览器去打开不相关的链接——默认情况下,用户的浏览器打开所有的链接,所以在下面小节的描述中如果你处理网页导航应小心)。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,142评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,298评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,068评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,081评论 1 291
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,099评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,071评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,990评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,832评论 0 273
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,274评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,488评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,649评论 1 347
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,378评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,979评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,625评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,796评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,643评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,545评论 2 352

推荐阅读更多精彩内容