Android API與Javascript之間互相調用

最後更新：2018-12-04 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

不多說，先上代碼，這是我們載入的頁面代碼：

<html><head><title>JS calls Android Method</title><script language="javascript">function addButton() {var html = "<input type=\"button\" value=\"New Button\" onclick=\"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() {@Overridepublic 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. */@Overridepublic 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() {@Overridepublic 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;}}}

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More