js調用android原生代碼,js調用Android

本文目錄一覽：

• 1、Android AgentWeb Android和Js交互
• 2、JS怎樣調用Android本地原生方法
• 3、原生APP中js怎樣與Android和ios進行交互
• 4、JS 調用android的方法該怎麼調
• 5、如何在JAVASCRIPT調用Android JAVA函數
• 6、H5&&Android交互

Android AgentWeb Android和Js交互

1、Android 調用js

mAgentWeb.getJsAccessEntrace().quickCallJs(” “);

quickCallJs(“方法名”,參數…)；

方法名不帶 ()

例：

js方法   getJs()

mAgentWeb.getJsAccessEntrace().quickCallJs(“getJs “);

js方法   getJs(var a，var b)

mAgentWeb.getJsAccessEntrace().quickCallJs(“getJs “,a,b); 

2、js調用Android

mAgentWeb.getJsInterfaceHolder().addJavaObject(“android”,new Class());

js調用 window.android.方法名(參數)

Android中提供的方法 需要添加註解  @JavascriptInterface

JS怎樣調用Android本地原生方法

在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” “”

HTML

HEAD

meta name=”viewport” content=”width=device-width, target-densitydpi=device-dpi” /

META http-equiv=”Content-Type” content=”text/html; charset=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=””

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(“”);

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”/

原生APP中js怎樣與Android和ios進行交互

一、對於Android和ios我們要執行不同的操作，下面是判斷系統的js代碼

// alert(ismobile(1)); 1表示Android，0表示ios

function ismobile(test){

var u = navigator.userAgent, app = navigator.appVersion;

if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){

if(window.location.href.indexOf(“?mobile”)lt;0){

try{

if(/iPhone|mac|iPod|iPad/i.test(navigator.userAgent)){

return ‘0’;

}else{

return ‘1’;

}

}catch(e){}

}

}else if( u.indexOf(‘iPad’) gt; -1){

return ‘0’;

}else{

return ‘1’;

}

}

二、js調用app端函數，下面是js代碼

if(ismobile(1)==1){

Android.setTypeActivity(id,type,href);

}else{

jsToios(id,type,href);

}

setTypeActivity是Android端定義的函數，jsToios是ios端定義的函數，括弧里是js端傳遞的參數。

三、至於js端怎樣獲取app端的數據，只需在js端提供給app端函數名字，在通知app端調用即可

四、還有一種方法可以不通過app的方法將數據傳遞給另一個頁面，那就是通過URL的方式

在本頁面將數據拼接在ip後面

在另外一個頁面通過下面方法獲取URL後的參數

function GetRequest() {

var url = location.search; //獲取url中”?”符後的字串

var theRequest = new Object();

if (url.indexOf(“?”) != -1) {

var str = url.substr(1);

strs = str.split(“”);

for(var i = 0; i strs.length; i ++) {

theRequest[strs[i].split(“=”)[0]]=decodeURIComponent(strs[i].split(“=”)[1]);

}

}

return theRequest;

}

// 獲取URL參數

var Request = new Object();

Request = GetRequest();

var name;

name = Request[‘name’];

JS 調用android的方法該怎麼調

          body

              !– Calls into the javascript interface for the activity —

              !– 從HTML文件中調用activity中的函數 —

              !– 也就是從HTML到android程序 留意window.demo.clickOnAndroid()這句話 —

              a onClick=”window.demo.clickOnAndroid()”Click/a

          /body

mWebView.addJavascriptInterface(new DemoJavaScriptInterface(), “demo”);

final class DemoJavaScriptInterface {  

        DemoJavaScriptInterface() {  

        }  

        /** 

         * This is not called on the UI thread. Post a runnable to invoke 

         * 

         * loadUrl on the UI thread. 

         * 

         */  

        public void clickOnAndroid() {        // 注意這裡的名稱。它為clickOnAndroid(),注意，注意，嚴重注意  

            mHandler.post(new Runnable() {  

                public void run() {  

                    Toast.makeText….  

                }  

            });  

        }  

    }

如何在JAVASCRIPT調用Android JAVA函數

首先是網頁：

%@ page language=”java” import=”java.util.*” pageEncoding=”UTF-8″%  

!DOCTYPE HTML  

html  

head  

meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″  

titlejs和android相互調用/title  

head  

script type=”text/javascript” language=”javascript”  

    //調用java方法jsCallJava()  

    function showHtmlcallJava() {  

        var str = window.android.jsCallJava();  

        document.getElementById(“info1”).value = str;  

    }  

    //調用java方法jsCallJavaWithParams(String var)，帶參數  

    function showHtmlcallJava2() {  

        var str = window.android.jsCallJavaWithParams(“Devin Chen”);  

        document.getElementById(“info2”).value = str;  

    }  

    //提供給java調用的方法  

    function show() {  

        document.getElementById(“id_input”).value = “Java調用Html中的方法”;  

    }  

    //提供給java調用的方法，帶參數  

    function showWithParam(param) {  

        document.getElementById(“id_input2”).value = “Java調用Html中的方法: ” + param;  

    }  

/script  

/head  

body  

    input id=”info1″ style=”width: 90%” type=”text” value=”null” /br  

    input type=”button” value=”Html調用Java方法” onclick=”showHtmlcallJava()” /br  

    input id=”info2″ style=”width: 90%” type=”text” value=”null” /br  

    input type=”button” value=”Html調用帶參數的Java方法” onclick=”showHtmlcallJava2()” /br  

    input id=”id_input” style=”width: 90%” type=”text” value=”null” /br  

    input type=”button” value=”Java調用Html方法” onclick=”window.android.javaCallJavaScript()” /br  

    input id=”id_input2″ style=”width: 90%” type=”text” value=”null” /br  

    input type=”button” value=”Java調用帶參數的Html方法” onclick=”window.android.javaCallJavaScriptWithParams()” /  

/body  

/html

Android部分的布局就一個WebView，MainActivity源代碼：

/** 

 * java方法和javascript方法的相互調用 

 */  

public class MainActivity extends AppCompatActivity {  

    private static final String url = “”;  

    private WebView mWebView;  

    @Override  

    protected void onCreate(Bundle savedInstanceState) {  

        super.onCreate(savedInstanceState);  

        setContentView(R.layout.activity_main);  

        initView();  

    }  

    private void initView() {  

        mWebView = (WebView) findViewById(R.id.web_main);  

        WebSettings settings = mWebView.getSettings();  

        settings.setJavaScriptEnabled(true);  

        settings.setDefaultTextEncodingName(“utf-8”);  

        mWebView.loadUrl(url);  

        mWebView.setWebViewClient(new WebViewClient());  

        //這兩句是必須的,”android”就是jsp中調用方法時window後面的對象  

        Object obj = getObject();  

        mWebView.addJavascriptInterface(obj, “android”);  

    }  

    private Object getObject() {  

        Object obj = new Object() {  

            /** 

             * html中的JavaScript調用Java方法 

             * 註解是必須的 

             * @return 

             */  

            @JavascriptInterface  

            public String jsCallJava() {  

                return “JavaScript調用Java方法”;  

            }  

            /** 

             * html中的JavaScript調用帶參數的Java方法 

             * 註解是必須的 

             * @return 

             */  

            @JavascriptInterface  

            public String jsCallJavaWithParams(String var) {  

                return “JavaScript調用帶參數的Java方法” + var;  

            }  

            /** 

             * java調用html中的方法,遺憾的是不知道有什麼辦法可以拿到返回值 

             */  

            @JavascriptInterface  

            public void javaCallJavaScript() {  

                runOnUiThread(new Runnable() {  

                    @Override  

                    public void run() {  

                        mWebView.loadUrl(“javascript:show()”);  

                    }  

                });  

            }  

            /** 

             * java調用html中的方法，並且傳遞參數,這個有大用 

             */  

            @JavascriptInterface  

            public void javaCallJavaScriptWithParams() {  

                runOnUiThread(new Runnable() {  

                    @Override  

                    public void run() {  

                        mWebView.loadUrl(“javascript:showWithParam(‘baoge’)”);  

                    }  

                });  

            }  

        };  

        return obj;  

    }  

}

H5&&Android交互

JS調用Android原生方法，參數須是Java的內置類型：int、String等，若是JavaScript對象，需字元串化，否則Android無法正確接收；

JS調用Android原生方法，返回值是內置類型：int、String等，JS能夠正確接收。若是Java自定義類型，則JS接收不到正確數據；

JS可以通過Android原生方法的返回值獲取內置類型的參數，如String

若需要互傳複雜類型的對象，雙方須以String對媒介，以各自語言的Json工具類進行相互轉化；