js調用android
1. javascript調用android問題
onclick="window.Android.show()"
你的語法寫錯了,js調用Android要用window.TAG
這個TAG就是
webView.addJavascriptInterface(new Object(), TAG); // 設置javaScript可用於操作Activity類
看你的代碼,你傳遞了一個Android
因此你的js里應改成window.Android.show();
2. android 鎬庝箞閫氳繃js璋冪敤鎵嬫満閫氳褰
鎬濊礬錛
1銆乯s璋冪敤android鐨刯ava浠ｇ爜
2銆侀氳繃java浠ｇ爜璁塊棶閫氳褰
3銆侀氳繃java浠ｇ爜璁塊棶js浠ｇ爜榪斿洖閫氳褰曚俊鎮
浠ｇ爜錛
1銆乯s璋冪敤android鐨刯ava浠ｇ爜
js浠ｇ爜錛
window.ncp.callOnJs2("click");android浠ｇ爜錛岄氳繃webview鎵撳紑欏甸潰錛
mWebview.getSettings().setJavaScriptEnabled(true);
mWebView.addJavascriptInterface(newJavaScriptInterface(),"ncp");
finalclassJavaScriptInterface{
publicintcallOnJs(){
return1000;
}
publicvoidcallOnJs2(Stringmode){
//TODO
}
}
2銆侀氳繃java浠ｇ爜璁塊棶閫氳褰
/**寰楀埌鎵嬫満閫氳褰曡仈緋諱漢淇℃伅**/
privatevoidgetPhoneContacts(){
ContentResolverresolver=mContext.getContentResolver();
//鑾峰彇鎵嬫満鑱旂郴浜
CursorphoneCursor=resolver.query(Phone.CONTENT_URI,PHONES_PROJECTION,null,null,null);
if(phoneCursor!=null){
while(phoneCursor.moveToNext()){
//寰楀埌鎵嬫満鍙風爜
StringphoneNumber=phoneCursor.getString(PHONES_NUMBER_INDEX);
//褰撴墜鏈哄彿鐮佷負絀虹殑鎴栬呬負絀哄瓧孌璺寵繃褰撳墠寰鐜
if(TextUtils.isEmpty(phoneNumber))
continue;
//寰楀埌鑱旂郴浜哄悕縐
StringcontactName=phoneCursor.getString(PHONES_DISPLAY_NAME_INDEX);
//寰楀埌鑱旂郴浜篒D
Longcontactid=phoneCursor.getLong(PHONES_CONTACT_ID_INDEX);
//寰楀埌鑱旂郴浜哄ご鍍廔D
Longphotoid=phoneCursor.getLong(PHONES_PHOTO_ID_INDEX);
//寰楀埌鑱旂郴浜哄ご鍍廈itamp
BitmapcontactPhoto=null;
//photoid澶т簬0琛ㄧず鑱旂郴浜烘湁澶村儚濡傛灉娌℃湁緇欐や漢璁劇疆澶村儚鍒欑粰浠栦竴涓榛樿ょ殑
if(photoid>0){
Uriuri=ContentUris.withAppendedId(ContactsContract.Contacts.CONTENT_URI,contactid);
InputStreaminput=ContactsContract.Contacts.openContactPhotoInputStream(resolver,uri);
contactPhoto=BitmapFactory.decodeStream(input);
}else{
contactPhoto=BitmapFactory.decodeResource(getResources(),R.drawable.contact_photo);
}
mContactsName.add(contactName);
mContactsNumber.add(phoneNumber);
mContactsPhonto.add(contactPhoto);
}
phoneCursor.close();
}
3銆侀氳繃java浠ｇ爜璁塊棶js浠ｇ爜榪斿洖閫氳褰曚俊鎮
mWebView.loadUrl("javascript:onSaveCallback()");
3. 安卓原生和js交互的4種方式 java和js交互 安卓JsBridge原理解析
JsBridge是實現Android與JavaScript交互的流行方式，共有四種方法可以實現數據傳遞。第一種方法是通過`addJavascriptInterface`實現JS調用Android。此方法使用`public void addJavascriptInterface(Object object, String name) {}`，其中`object`為Android對象，`name`為其別名。例如，`webview.addJavascriptInterface(JavaH5Activity.this, "androidObject");`將JavaH5Activity實例命名為androidObject傳遞給JS。在JS中調用時，使用`window.androidObject.androidMethod();`獲取Android傳遞的數據。示例代碼展示了JS和Android運行效果與日誌輸出。
第二種方法是`shouldOverrideUrlLoading`，允許JS通過重定向觸發Android攔截，解析URL中的數據，並指揮Android執行相應操作。簡單的重定向代碼和URL編碼示例展示了如何將數據傳遞給Android。列印結果驗證了數據解析和執行情況。
第三種方法是通過`loadUrl`實現Android調用JS。示例代碼展示了如何將數據`jsonParams`傳遞給JS並顯示在H5頁面上。通過修改JS代碼中的注釋，演示了請求重定向的問題，隨後介紹了一種方法來彌補這一缺陷。
第四種方法是`evaluateJavascript`，允許Android調用JS代碼，實現數據雙向傳遞。示例代碼與運行結果展示了其功能，通過日誌輸出驗證了數據的交互過程。
JSBridge原理簡述為：它是一座由JavaScript構建的橋梁，替代WebView自帶的介面，提供靈活、安全的Android與JS交互機制。它允許根據預約定的規則通知Native執行特定操作，實現兩者的交互。
若有編程疑問，歡迎私信我，我會盡快解答。我是編程小石頭，一名全棧開發者，分享編程經驗與心得，希望幫助後來者少走彎路。關注我，獲取更多干貨分享。
4. JS怎樣調用Android本地原生方法
NativeScript的工作原理：用JavaScript調用原生API實現跨平台 NativeScript是最近推出的一個跨平台解決方案，可以讓你可以用JavaScript來直接寫Android、iOS本地應用程序，未來還即將擴展到Windows平台。是最近比較受關注的項目。它與 nw (原名node-webkit ，用Web寫winodw/linux桌面應用)和 phonegap內嵌webview寫APP的實現方式有著本質的不同，它直接用JavaScript調用系統原生API，因而有一些原生應用的特點。 NativeScript是一個運行環境，可以讓你使用通用的JavaScript代碼，打造原生的iOS，Android和Windows（即將推出）應用程序。 NativeScript有很多很酷的功能，比如支持JavaScript對象雙向綁定到原生UI組件，以及用CSS為原生應用程序寫樣式。但我最喜歡的功能是NativeScript可以讓您直接訪問本地平台的原生API。 注* 可以理解為NativeScript是一個JavaScript V8運行環境的命令轉發代理，將JavaScript調用轉發給不同平台上的原生API如Android、iOS，以及即將支持的Windows。 例如，看看這個NativeScript寫的Android應用程序的代碼： 123var time = new android.text.format.Time();time.set( 1, 0, 2015 );console.log( time.format( "%D" ) );你只需要一兩分鍾來分析一下就明白了，這段JavaScript代碼實例化一個Java android.text.format.Time()對象，調用其set()方法，然後列印format後的返回值，是字元串「01/01/15」。 我知道你已經很激動了，先不要慌，讓我們再來看看iOS的代碼： 1234var alert = new UIAlertView();alert.message = "Hello world!";alert.addButtonWithTitle( "OK" );alert.show();這段JavaScript代碼實例化一個Objective-C UIAlertView類，設置它的信息屬性，然後調用它的addButtonWithTitle()和show()方法。當您運行這段代碼，你會看到hello word的警告框。 如果你已經熟悉了npm的使用，NativeScript模塊非常容易編寫，分發和使用。就個人而言，作為一個Web開發人員，原生的iOS和Android代碼讓我害怕，尤其是當Java / Objective-C的API文檔扔在一起的功能，它降低了我們跨平台開發的障礙。 還有HBuilder 也可以調用api
5. android 開發中 怎麼用js獲取手機屏幕高度
webview.addjavascriptinterface可以調用android代碼
android可以獲得屏幕高度
DisplayMetrics dm = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(dm);
int height = dm.heightPixels//這個就是屏幕高度了。
webView.addJavascriptInterface(new WebAppInterface(this), "Android");
這個就創立了一個介面名，叫「Android」，運行在WebView中的JS代碼可以通過這個名字調用WebAppInterface類中的showToast()方法：
<input type="button" value="Say hello" onClick="showAndroidToast('Hello Android!')" />
<script type="text/javascript">
function showAndroidToast(toast)
{
Android.showToast(toast);
}
</script>
6. 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" "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/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="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"/>