Android API与Javascript之间互相调用

最新推荐文章于 2024-04-16 20:33:30 发布
最新推荐文章于 2024-04-16 20:33:30 发布
阅读量213 收藏
点赞数
文章标签： 移动开发 javascript ViewUI



不多说，先上代码，这是我们加载的页面代码：


<html>
<head>
<title>JS calls Android Method</title>
<script language="javascript">
	function addButton() {
		var html = "<input type=\"button\" value=\"New Button\" οnclick=\"newButton();\">";
		document.getElementById("add").innerHTML = html;
	}
	function newButton() {
		alert("I am new button");
	}
</script>
</head>
<body>
	<h1>JS on Android</h1>
		<script type="text/javascript">
			document.write(android.gps("<i>", "</i>"));
		</script>
	</br>
	<h3>
		<script type="text/javascript">
			document.write(package.isPackageInstall("com.dolphin.browser.cn"));
		</script>
	</h3>
	</br>
	<p>New button will show below:</p>
	<div id="add"></div>
</body>
</html>

1. 接下来是Javascript如何调用Android系统功能： 


		webview = new WebView(this);
		webview.getSettings().setJavaScriptEnabled(true);
		webview.addJavascriptInterface(new LocationJsObj(this), "android");
		webview.addJavascriptInterface(new PackageJsObj(this), "package");
		webview.loadUrl("file:///android_asset/Location.html");


		class LocationJsObj {
			private final Context con;
			
			public LocationJsObj(Context con) {
				this.con = con;
			}


			public String gps(String top, String end) {
				return top + "緯度:" + 20.5555 + ", 経度: " + 36.4522 + end;
			}
		}




		class PackageJsObj{


			private final Context mContext;


			public PackageJsObj(Context context){
				mContext = context;
			}


			public String isPackageInstall(String pacakgeName){
				boolean isInstalled = false;
				PackageManager pm = mContext.getPackageManager();
				try {
					PackageInfo packageInfo = pm.getPackageInfo(pacakgeName, 0);
					if(null != packageInfo){
						isInstalled = true;
					}
				} catch (NameNotFoundException e) {
					e.printStackTrace();
				}
				return  pacakgeName + " is install:" + isInstalled;
			}
		}



2. Android代码调用Javascript的功能函数：


		webview = new WebView(this);
		webview.getSettings().setJavaScriptEnabled(true);
		webview.loadUrl("file:///android_asset/Location.html");


		Button button = new Button(this);
		button.setText("Add new button on web");
		button.setOnClickListener(mButtOnClickListener);


		private final OnClickListener mButtOnClickListener = new OnClickListener() {


			@Override
			public void onClick(View v) {
				webview.loadUrl("javascript:addButton()");
			}


		};



合并后，完整代码： 


package com.example.javascripttest;

import android.app.Activity;
import android.content.Context;
import android.content.pm.PackageInfo;
import android.content.pm.PackageManager;
import android.content.pm.PackageManager.NameNotFoundException;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.WebView;
import android.widget.Button;
import android.widget.LinearLayout;

public class JavaScriptTest extends Activity {

	private WebView webview;

	/** Called when the activity is first created. */
	@Override
	public void onCreate(Bundle icicle) {
		super.onCreate(icicle);
		setContentView(generateConentView());

	}

	private LinearLayout generateConentView(){
		LinearLayout linearLayout = new LinearLayout(this);
		linearLayout.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.FILL_PARENT,LinearLayout.LayoutParams.FILL_PARENT));
		linearLayout.setOrientation(LinearLayout.VERTICAL);

		webview = new WebView(this);
		webview.getSettings().setJavaScriptEnabled(true);
		webview.addJavascriptInterface(new LocationJsObj(this), "android");
		webview.addJavascriptInterface(new PackageJsObj(this), "package");
		webview.loadUrl("file:///android_asset/Location.html");

		LinearLayout.LayoutParams wvLayoutParams = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.FILL_PARENT,LinearLayout.LayoutParams.WRAP_CONTENT);
		wvLayoutParams.weight = 1.0F;
		webview.setLayoutParams(wvLayoutParams);
		linearLayout.addView(webview);

		Button button = new Button(this);
		button.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.FILL_PARENT,LinearLayout.LayoutParams.WRAP_CONTENT));
		button.setText("Add new button on web");
		button.setOnClickListener(mButtOnClickListener);
		linearLayout.addView(button);

		return linearLayout;
	}

	private final OnClickListener mButtOnClickListener = new OnClickListener() {

		@Override
		public void onClick(View v) {
			webview.loadUrl("javascript:addButton()");
		}
	};


	class LocationJsObj {
		private final Context con;

		public LocationJsObj(Context con) {
			this.con = con;
		}

		public String gps(String top, String end) {
			return top + "緯度:" + 20.5555 + ", 経度: " + 36.4522 + end;
		}
	}

	class PackageJsObj{

		private final Context mContext;

		public PackageJsObj(Context context){
			mContext = context;
		}

		public String isPackageInstall(String pacakgeName){
			boolean isInstalled = false;
			PackageManager pm = mContext.getPackageManager();
			try {
				PackageInfo packageInfo = pm.getPackageInfo(pacakgeName, 0);
				if(null != packageInfo){
					isInstalled = true;
				}
			} catch (NameNotFoundException e) {
				e.printStackTrace();
			}
			return  pacakgeName + " is install:" + isInstalled;
		}
	}


}



iteye_19583
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS调用Android Native API
08-05
JS调用Android Native API，在webview中通过js代码调用本地的java代码，比如：可以通过网页中的js代码调用android的音频服务播放音乐等等
jsbridge原理_Android JSAPI技术原理
weixin_40007804的博客
12-01 315
JSAPI的技术原理图H5和Java通信H5要想和Java通信，Java需要通过WebView往H5里面注入一个JavaObj，之后JS就可以通过这个JavaObj对象其提供带@JavascriptInterface注解的方法//注册js对象，名字叫nativeObj,可以在JS里面引用这个名字，来调用JsBridge对象的带@JavascriptInterface注解的public方法mWebV...
uni-app中使用native.js调用android API实现双卡发送短信
mm的博客
08-26 3368
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台官网地址 因为业务逻辑需要调用短信功能，但是uni-app 中未提供相关接口。查看uni-app的框架图可以看出 是可以使用native.js去调用的android API的 native.js 介绍及文档：h...
JS调用Android方法
lnny的博客
11-14 1053
记录一下下自己的成长啦啦。。莫要嫌弃 需求：H5界面传递了一些数据给客户端接收。。。 H5需要调用客户端的方法    1.首先设置客户端支持JS WebSettings webSettings = mWebView.getSettings(); //设置WebView属性，能够执行Javascript脚本 webSettings.setJavaScriptEnabled(true);
js与android相互调用
superbigfollicle的博客
09-13 667
开发的手机项目也进入了最后的关键功能，在手机上嵌入html5图形，需要与android和js进行相互交互，百度了一下android的webview提供了强大的调用js的功能，也可以将android的对象传入到html界面进行使用，不多说上代码（关键在android调用js的函数，传递多个函数的写法，网上没有多少例子）：     1.html文件，demo.html function
android中Webview与javascript的交互（互相调用）
08-28
总结来说，Android中的WebView与JavaScript交互是通过多种方式实现的，包括JavaScript调用Android接口、Android执行JavaScript代码以及通过WebViewClient和WebChromeClient监听和响应网页事件。这种交互方式为...
android中实现JavaScript与Java之间实现互相调用
03-25
在Android开发中，有时我们需要在Java代码和JavaScript之间进行交互，比如从JavaScript中触发Android原生功能，或者从Android端向网页注入数据。这个过程通常涉及到Android的WebView组件和JavaScript接口的实现。...
android和javascript互相调用
09-30
在Android开发中，有时我们需要实现Android原生代码与JavaScript之间的交互，这主要涉及到WebView组件的使用。本示例将深入探讨如何实现Android和JavaScript的互相调用，以便于在混合应用开发中创建更加丰富的用户...
Android中实现WebView和JavaScript的互相调用详解
10-18
JavaScript调用Android方法需要利用`addJavascriptInterface()`方法，该方法会将一个Java对象暴露给JavaScript环境。例如，我们可以创建一个名为`JsObject`的类，然后将其添加到WebView中： ```java public class ...
js调用Android使用方法
霸气十足的me
11-05 4613
WebView中的js调用Android，js调用Android方法使用代码
Android、Java、Js等API
05-03
Android、Java、JavaScript、JQuery、等API说明文档。
APP开发_Android 与 js 互相调用
最新发布
突破编程
04-16 2247
Android 与 js 互相调用
安卓使用javascriptApi快速开发高德地图
Losileeya
04-08 3400
由于目前某些安卓app的开发并不需要对地图的开发很深入，所以高德地图也推出了地图快速开发组件，个人觉得其实还是蛮好的，能够很好的实现app的某些功能，如果你的app并不需要地图的覆盖物这些功能的话，那么我建议你使用快速开发组件。请戳这个地址http://lbs.amap.com/api/lightmap/guide-2/summary/申请key 地图组件是基于HTML5实现的轻应用产品，专门为
android js相互调用方法,Android与js互相调用
weixin_36340926的博客
05-25 392
有话要说：本篇主要总结了简单的Android与js互相调用的方法。在开发过程中遇到了需要在安卓中调用js方法的需求，于是将具体的实现过程总结成这篇博客。效果：其中“调用安卓方法”按钮是html中的按钮；“调用JS方法”按钮是app中的按钮。本地HTML：首先，在app根目录新建一个assets文件夹，并在文件夹内新建一个本地html文件，如下图接着编写一个简单的html文件：12hello...
如何使用 JavaScript 调用手机平台上的原生 API
calabash_man的博客
05-12 1109
需要注意的是，在Android平台中，需要在Webview中启用JavaScript，而在iOS平台中，默认情况下是启用JavaScript的。JavaScript本身是运行在浏览器中的脚本语言，它不能直接访问手机平台的原生API。但是，可以通过Webview和Bridge的方式实现JavaScript调用手机平台上的原生API。在原生应用中创建一个Webview，并且在Webview中加载HTML页面。在原生应用中实现Bridge对象中调用原生API的方法。
Android与JS交互
天王盖地虎
03-03 978
在View层创建一个js包 public class AndroidJs { @JavascriptInterface public void hello(String msg){ Log.e("my","androidtojs"+msg); } } 创建一个Activity public class WebViewActivity extends Bas...
H5调用Android原生Api
LikeBoke的博客
05-29 6802
Android 与H5交互之跳转拦截Android拦截跳转,实现web调用原生Api定义变量在Android代码设置回调事件前端代码判断url是否合法根据不同的type执行不同的操作 Android拦截跳转,实现web调用原生Api 定义变量 private final String pre = "android://";//约定url格式 private final String TYPE1 =...
JS如何调用Android原生方法
wangbaobao512的博客
10-09 7220
实际上，JSBridge 就像其名称中的Bridge的意义一样，是 Native 和非 Native 之间的桥梁，它的核心是构建 Native 和非 Native 间消息通信的通道，而且这个通信的通道是双向的。1、增加Javascript的接口：把安卓的相关方法的接口赋值到一个特殊的js对象中，继而赋值给window对象中，比如下面代码块 项目中的PosObj。3、js调用Android方法（）//将handleAndroid方法放到需要调用的地方。
JavaScript 通过native.js 调用Android原生API
su_sai的博客
06-11 6349
JS 通过native.js可以调用Android原生API。下面具体介绍使用JS调用Android的AlertDialog创建一个信息窗口。 1.android Java程序 import android.app.AlertDialog; //... // 创建提示框构造对象，Builder是AlertDialog的内部类。参数this指代Android的主Activity对象，
Android WebView教程：加载网页与JavaScript交互
3. Java与JavaScript交互：WebView提供了与JavaScript的交互机制，通过`addJavascriptInterface`方法，可以让Java对象的方法暴露给JavaScript调用，反之亦然，JavaScript代码也能调用Android的API，极大地扩展了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值