您的位置:

js调用android原生代码,js调用Android

js调用android原生代码,js调用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工具类进行相互转化;

js调用android原生代码,js调用Android

本文目录一览: 1、Android AgentWeb Android和Js交互 2、JS怎样调用Android本地原生方法 3、原生APP中js怎样与Android和ios进行交互 4、JS 调用an

2023-12-08
android调用js中的值,js开发android应用

本文目录一览: 1、android怎样调用js文件里面的方法 2、android 怎么调用js方法 3、android如何调用js文件里面的方法并获得返回指呢 4、在android中怎样调用本地js文

2023-12-08
js中调用java的方法,java调用js代码 实例

本文目录一览: 1、怎么实现javascript中调用java类中的方法 2、如何在JAVASCRIPT调用Android JAVA函数 3、js怎么调用JAVA方法 怎么实现javascript中调

2023-12-08
Android开发中JS调用原生方法的实现

2023-05-14
native代码如何调js,native怎么说

本文目录一览: 1、hybrid App中js调用native接口原理 2、怎么在web worker启动的js线程调用native.js 3、在Android上怎样实现JAVA和JS交互 4、rea

2023-12-08
ios原生调用jsapi,ios原生app

本文目录一览: 1、如何用js调用ios 2、iOS - OC 与 JS 交互六种方式总结 3、原生APP中js怎样与Android和ios进行交互 4、如何用JS调用几十万原生API 如何用js调用

2023-12-08
js调用java,js调用java类中的方法

2022-11-30
Android JS交互详解

2023-05-21
安卓js调用java保存文件在本地(java下载文件夹到本地

本文目录一览: 1、JS怎样调用Android本地原生方法 2、如何在android平台上使用js直接调用Java方法 3、在Android上怎样实现JAVA和JS交互 4、在android中怎样调用

2023-12-08
android的js框架(android js引擎)

本文目录一览: 1、Android真的推荐用MVI模式?MVI和MVVM有什么区别? 2、在Android上怎样实现JAVA和JS交互 3、android 混合开发 用什么框架好 4、Android如

2023-12-08
android支持js吗(android js)

本文目录一览: 1、android中用javascript吗 2、js的框架能用到android开发中吗?比如echart,moment,art template.... 3、安卓手机有没有浏览器支持

2023-12-08
安卓运行js代码,安卓 运行js

本文目录一览: 1、android里如何调用Js里的函数 2、nodejs 在 android 系统里面怎么运行 3、android 中如何去执行js脚本 4、Android调用js的问题 andro

2023-12-08
安卓调试apk的js,apk运行

本文目录一览: 1、在android中怎样调用本地js文件里的方法并得到返回值 2、Android调用js的问题 3、android 中怎么执行js脚本 4、android里如何调用Js里的函数 5、

2023-12-08
java调用js代码,java调用js代码 实例

本文目录一览: 1、如何在java中调用js方法 2、如何通过java代码调用js 3、java中怎么调用js代码 4、如何在java调用js 5、请问怎么写java调用node环境运行js代码? 如

2023-12-08
调用网页原生js(网页链接调用服务)

本文目录一览: 1、js调用原生的两个方法 2、网页如何调用js代码?? 3、怎么在html文件中调用js文件 4、网页里是如何调用js的 5、在html网页中如何调用JS代码或文件 6、在html网

2023-12-08
如何注入js代码,js 注入

本文目录一览: 1、Js注入检测函数咋办 2、如何将自己写的js注入到网站网页中 3、什么是js注入? 4、js脚本注入 5、Android WebView 怎么注入js文件啊,恳求大神帮忙 6、怎样

2023-12-08
浏览js代码的app(html的js代码)

本文目录一览: 1、android 有什么工具查看手机上的js代码布局 2、运行一个代码所需要的软件? 3、哪些JavaScript IDE最好用 4、如何在手机上查看html、css、js、PHP文

2023-12-08
js调用c怎么调(js调用c语言接口)

本文目录一览: 1、JavaScript-js和c语言可以相互调用吗 2、如何在 iOS 平台上使用 Javascript 直接调用 Objective-C 方法 3、js中方法调用疑问 4、js里怎

2023-12-08
网站js调用代码(网站js调用代码是什么)

本文目录一览: 1、调用JS代码怎么写 2、如何在html中调用js代码 3、求助:HTML点击按钮调用JS文件或者直接调用JS代码? 调用JS代码怎么写 1、建立JS文件。把原本JS代码除SCRIP

2023-12-08
htmljs编程笔记(html代码笔记)

本文目录一览: 1、html代码和JS代码有什么区别 2、如何在html中调用js函数 3、JavaScript学习笔记之数组基本操作示例 4、HTML5初学者笔记 5、《web前端笔记7》js字符—

2023-12-08