androidとh 5の相互調整ステップ
1379 ワード
1.AndroidでJSを呼び出す
H 5ページに下記のJSコードがあります.
ステップ1:起動サポートJS
WebSettings=get Settings()
ws.set Java Script Evale(True)
ステップ2:ウェブページの読み込み
webView.loadUrl;
ステップ3:ウェブページのjsを呼び出します.ここの関数名は上のjsコードの関数名と完全に一致しています.
webView.loadUrl(javascript:changeTitle('Android呼び出しjs'));
2.JS呼び出しAndroid
H 5ページのボタンをクリックして、Androidコードの中のあるActivityページにジャンプすると仮定します.
ステップ1:起動サポートJS
WebSettings=get Settings()
ws.set Java Script Empled(true)
ステップ2:webViewにJSインターフェースクラスを追加します.このクラスは元の操作をカプセル化しています.パラメータ2はJSの実体名です.jsコードの名前と一致している必要があります.
webView.addJavascript Interface(new Js Interface()、「js 2 android」);
H 5ページでjs 2 androidを見ると、Js Interface()類の中で該当方法を探します.
ステップ3:インターフェース類の内容を作成する
ステップ四:H 5ページのJS対応コード
転載先:https://www.cnblogs.com/android-zcq/p/6207917.html
H 5ページに下記のJSコードがあります.
function h5Test(str){
xxxx...
xxxx...
}
Androidでの呼び出しは以下の通りです.ステップ1:起動サポートJS
WebSettings=get Settings()
ws.set Java Script Evale(True)
ステップ2:ウェブページの読み込み
webView.loadUrl;
ステップ3:ウェブページのjsを呼び出します.ここの関数名は上のjsコードの関数名と完全に一致しています.
webView.loadUrl(javascript:changeTitle('Android呼び出しjs'));
2.JS呼び出しAndroid
H 5ページのボタンをクリックして、Androidコードの中のあるActivityページにジャンプすると仮定します.
ステップ1:起動サポートJS
WebSettings=get Settings()
ws.set Java Script Empled(true)
ステップ2:webViewにJSインターフェースクラスを追加します.このクラスは元の操作をカプセル化しています.パラメータ2はJSの実体名です.jsコードの名前と一致している必要があります.
webView.addJavascript Interface(new Js Interface()、「js 2 android」);
H 5ページでjs 2 androidを見ると、Js Interface()類の中で該当方法を探します.
ステップ3:インターフェース類の内容を作成する
public class JsInterface{
@JavascriptInterface //
public void selectPic(){
Intent intent = new Intent(WebViewActivity.this,GetPicActivity.class);
startActivityForResult(intent,100);
}
}
ステップ四:H 5ページのJS対応コード
function appSelectPic(){
javascript:js2android.selectPic();
}
以上の4つのステップでH 5ページのボタンをクリックして、対応するActivityにジャンプできます.転載先:https://www.cnblogs.com/android-zcq/p/6207917.html