JS怎样调用Android本地原生方法

JavaScript017

JS怎样调用Android本地原生方法,第1张

在android中调用本地js文件里的方法并得到返回值其方法如下:

Android中内置了WebKit模块,而该模块的Java层视图类就是WebView,所有需要使用Web浏览器功能的Android都需要创建该视图类对象显示和处理请求的网络资源。目前WebKit支持Http、Https、Ftp和JavaScript请求。下面是在Android中调用JavaScript方法以及如何在js中调用本地方法。

1、在Assets下放一个简单的html文件jstest.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html40/strict.dtd">

<HTML>

<HEAD>

<meta name="viewport" content="width=device-width, target-densitydpi=device-dpi" />

<META http-equiv="Content-Type" content="text/htmlcharset=UTF-8">

<script>

function showMsg(){

alert("hello world!")

}

function showMsgInAndroid(){

myjs.showMsg('hello in android!')

}

</script>

</HEAD>

<BODY>

<span>测试js使用</span>

<button id='btntest' onclick='showMsgInAndroid()'>调用android方法</button>

</BODY>

</HTML>

2、布局文件main.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout

android:id="@+id/rl_main"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

xmlns:android="http://schemas.android.com/apk/res/android"

>

<WebView

android:id="@+id/wv_test"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:layout_above="@+id/btn_showmsg"/>

<Button

android:id="@+id/btn_showmsg"

android:layout_width="200dip"

android:layout_height="40dip"

android:layout_alignParentBottom="true"

android:layout_centerHorizontal="true"

android:text="调用html中js方法"/>

</RelativeLayout>

3、然后是Activity,MainActivity.java

package com.harold.jstest

import com.harold.base.JSKit

import android.app.Activity

import android.os.Bundle

import android.os.Handler

import android.view.View

import android.view.View.OnClickListener

import android.webkit.WebChromeClient

import android.webkit.WebView

import android.widget.Button

public class MainActivity extends Activity {

private WebView mWebView

private Button btnShowInfo

private JSKit js

private Handler mHandler = new Handler()

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState)

setContentView(R.layout.main)

//初始化控件

mWebView = (WebView) findViewById(R.id.wv_test)

btnShowInfo = (Button) findViewById(R.id.btn_showmsg)

//实例化js对象

js = new JSKit(this)

//设置参数

mWebView.getSettings().setBuiltInZoomControls(true)

//内容的渲染需要webviewChromClient去实现,设置webviewChromClient基类,解决js中alert不弹出的问题和其他内容渲染问题

mWebView.setWebChromeClient(new WebChromeClient())

mWebView.getSettings().setJavaScriptEnabled(true)

//把js绑定到全局的myjs上,myjs的作用域是全局的,初始化后可随处使用

mWebView.addJavascriptInterface(js, "myjs")

mWebView.loadUrl("file:///android_asset/jstest.html")

btnShowInfo.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

mHandler.post(new Runnable() {

@Override

public void run() {

//调用 HTML 中的javaScript 函数

mWebView.loadUrl("javascript:showMsg()")

}

})

}

})

}

}

4、最后是绑定全局js的类JSKit.java

package com.harold.base

import android.widget.Toast

import com.harold.jstest.MainActivity

public class JSKit {

private MainActivity ma

public JSKit(MainActivity context) {

this.ma = context

}

public void showMsg(String msg) {

Toast.makeText(ma, msg, Toast.LENGTH_SHORT).show()

}

}

例子比较简单,代码里都加了注释,这里就不多说了,本示例用的本地的html,如果访问网络中的网页,别忘记在AndroidManifest.xml中加权限

<uses-permission android:name="android.permission.INTERNET"/>

一般情况下,浏览器中是无法直接和本机的其他的程序进行交互的,在IE中,我们可以通过ActiveX对象的方式进行。但是这个方式只适用于IE浏览器,另一种比较通用的方式便是URL协议的方式,我们将某种URL的协议注册给某个程序来进行处理,比如将tencent://这样的协议注册给QQ程序来进行处理,当浏览器需要访问这样的协议的时候就转给QQ程序进行处理。这种URL协议的方式是可以跨平台的,比如在Windows上你需要添加注册表项。

首先先看看js应该如何调用qq客户端。

window .open(" tencent://message/?uin=346915968 ")

window.open顾名思义,打开。Tencent就不用多说了吧 BAT之T。上述能直接打开qq帐号对应的对话框。由此可以知道网页上的在线客服功能是如何实现了吧。

那要是不需要打开对话框,就想要登陆qq应该如何实现呢?很简单呀:

window .open(" tencent://message/?uin=qq ") 不过调用应用这种跟黑客没什么差别的行为,浏览器一般都是禁止的,

选择允许后,

启动应用,qq客户端就会被调起。

为什么说这个呢,老板又给了个需求,想让调起qq客户端一样,想通过演示页面的一个按钮,调起售票系统的各种程序...

什么都不说了,先看看什么是自定义协议。

Pluggable Protocol,又叫URL Protocol,有时会叫Shell命令,通用的Protocol有http、ftp、mailto等,这些都是windows安装时自带的协议。

接着也实现一个简单的自己的自定义协议吧。

1,运行window,输入regedit打开注册表。 在HKEY_CLASSES_ROOT下面建一个自己起的名字的表。

用如下格式把各项值添上:

js打开qq音乐.exe

启动应用

end.

在开发过程中有时会遇到这种情况,需要调用js的一些方法,又不需要显示h5界面。比如,在你开发的产品中,PC、h5,移动端(Android、IOS)都需要使用到同一个算法,而且这个算法又非常的复杂,若每个端都写一边,不仅浪费时间,而且如果算法涉及到复杂的数字计算,那么就可能会导致每个端写出来的算法结果不一致。

所以这个时候,使用js编写一个通用算法是比较理想的一个解决方法,因为pc、h5、Android、ios都可以直接调用js代码,并执行计算结果。

Android调用本地js步骤:步骤一:在assets下添加你需要执行的js代码步骤二:Android代码 WebView mWebView = null

@Override protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState)

if (mWebView == null) {

initWebView()

}

getPrxResult()

}

/**

* 调用js方法

*/

private void getPrxResult(){

String e =""

String t =""

String url2 = "javascript:jclqBonusRange(" + e + "," + t + ")"//调用js方法

mWebView.loadUrl(url2) } /*** 初始化webview

*protected void initWebView() {

mWebView = new WebView(this)

mWebView.getSetting