参考官方链接:https://developer.android.com/guide/webapps/webview.html
1、AndroidManifest.xml加联网权限。
<uses-permission android:name="android.permission.INTERNET"/>
2、Layout的XML中添加WebView控件。<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="cn.gaojs.webview"> <uses-permission android:name="android.permission.INTERNET"/> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:supportsRtl="true" android:theme="@style/AppTheme"> <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN"/> <category android:name="android.intent.category.LAUNCHER"/> </intent-filter> </activity> </application> </manifest>
3、在Assets中添加一个内含JavaScript的html文件。<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical"> <WebView android:id="@+id/webview" android:layout_width="fill_parent" android:layout_height="0dip" android:layout_weight="1"/> </LinearLayout>
4、在MainActivity.java代码中实现供Js调用的接口。<html> <script type="text/javascript"> function showAndroidToast(toast) { Android.showToast(toast); } </script> <input type="button" value="Say Hello" onClick="showAndroidToast('Hello Android!')"/> </html>
public class MainActivity extends AppCompatActivity { private WebView mWebView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mWebView = (WebView) findViewById(R.id.webview); WebSettings webSettings = mWebView.getSettings(); webSettings.setJavaScriptEnabled(true); //开启JavaScrpit功能 mWebView.addJavascriptInterface(new WebAppInterface(this), "Android");//添加接口 mWebView.loadUrl("file:///android_asset/demo.html");//加载本地Assets中的文件 } final class WebAppInterface { Context mContext; WebAppInterface(Context c) { mContext = c; } @JavascriptInterface public void showToast(String toast) { Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show(); } } }