Android：WebView与Javascript交互（相互调用参数、传值）

16lz 2021-12-04

Android中可以使用WebView加载网页，同时Android端的java代码可以与网页上的javascript代码之间相互调用。

效果图：

（一）Android部分：

布局代码：

[html] view plain copy

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:focusable="true"
android:focusableInTouchMode="true"
android:orientation="vertical"
android:padding="8dp"
tools:context=".MainActivity">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<EditText
android:id="@+id/input_et"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:singleLine="true"
android:layout_weight="1"
android:hint="请输入信息"/>
<Button
android:text="Java调用JS"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="sendInfoToJs"/>
</LinearLayout>
<WebView
android:id="@+id/webView"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</LinearLayout>

Activity代码： [java] view plain copy

/**
*AndroidWebView与Javascript交互。
*/
publicclassMainActivityextendsActionBarActivity{
privateWebViewwebView;
@SuppressLint({"SetJavaScriptEnabled","AddJavascriptInterface"})
@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
webView=(WebView)findViewById(R.id.webView);
webView.setVerticalScrollbarOverlay(true);
//设置WebView支持JavaScript
webView.getSettings().setJavaScriptEnabled(true);
Stringurl="http://192.168.1.27/js_17_android_webview.html";
webView.loadUrl(url);
//在js中调用本地java方法
webView.addJavascriptInterface(newJsInterface(this),"AndroidWebView"); //重要的码
//添加客户端支持
webView.setWebChromeClient(newWebChromeClient());
}
privateclassJsInterface{
privateContextmContext;
publicJsInterface(Contextcontext){
this.mContext=context;
}
//在js中调用window.AndroidWebView.showInfoFromJs(name)，便会触发此方法。 ***************
@JavascriptInterface
publicvoidshowInfoFromJs(Stringname){
Toast.makeText(mContext,name,Toast.LENGTH_SHORT).show();
}
}
//在java中调用js代码
publicvoidsendInfoToJs(Viewview){
Stringmsg=((EditText)findViewById(R.id.input_et)).getText().toString();
//调用js中的函数：showInfoFromJava(msg)
webView.loadUrl("javascript:showInfoFromJava('"+msg+"')");
}
}

（二）网页代码： [html] view plain copy

更多相关文章

随机推荐