掌握WebView：Java与Js方法的调用及页面标题的加载

### WebView的基础使用 WebView是Android开发中用于展示网页的一个组件，可以嵌入到应用中提供网页浏览功能。本知识点将详细介绍如何在WebView中实现Java与JavaScript方法的互调以及如何加载网页标题。 #### WebView调用Java方法 在Android的WebView组件中，我们可以通过JavaScript调用Android的Java代码。这可以通过`addJavascriptInterface`方法来实现。下面将详细说明该过程： 1. **定义Java接口**：首先，需要创建一个Java类，并使用`@JavascriptInterface`注解标记其中的方法，这个类将作为WebView与JavaScript之间交互的桥梁。 ```java public class WebAppInterface { Context mContext; /** Instantiate the interface and set the context */ WebAppInterface(Context c) { mContext = c; } /** Show a toast from the web page */ @JavascriptInterface public void showToast(String toast) { Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show(); } } ``` 2. **将接口注入WebView**：在活动中或片段中，找到WebView实例，并使用`addJavascriptInterface`方法将Java接口注入到WebView中。 ```java WebView myWebView = (WebView) findViewById(R.id.webview); myWebView.addJavascriptInterface(new WebAppInterface(this), "Android"); ``` 3. **在JavaScript中调用Java方法**：在网页中可以通过注入的对象名和方法名调用Java方法。 ```javascript // 假设注入的对象名为"Android" function showToastAndroid() { Android.showToast("Hello from JavaScript!"); } ``` #### WebView调用Js方法 在Android的Java代码中也可以调用JavaScript中的函数。这通常发生在WebView加载完成或用户进行特定操作时，以下是具体步骤： 1. **获取WebViewClient**：首先，需要设置自定义的WebViewClient，并重写`onPageFinished`方法。此方法会在WebView加载完成网页后被调用。 ```java WebView myWebView = (WebView) findViewById(R.id.webview); myWebView.setWebViewClient(new WebViewClient() { @Override public void onPageFinished(WebView view, String url) { super.onPageFinished(view, url); callJSFunction(); } }); ``` 2. **调用JavaScript函数**：在`onPageFinished`中调用WebView实例的`loadUrl`方法来执行JavaScript代码。 ```java private void callJSFunction() { myWebView.loadUrl("javascript:showData();"); } ``` 3. **编写JavaScript函数**：在网页中编写要调用的JavaScript函数。 ```javascript function showData() { // JavaScript处理逻辑 alert('Data shown in JavaScript'); } ``` #### WebView加载页面title 加载网页时，可以获取并显示网页的标题，这通常通过设置`WebChromeClient`并重写`onReceivedTitle`方法实现： 1. **设置WebChromeClient**：为WebView设置自定义的WebChromeClient，并重写`onReceivedTitle`方法。 ```java WebView myWebView = (WebView) findViewById(R.id.webview); myWebView.setWebChromeClient(new WebChromeClient() { public void onReceivedTitle(WebView view, String title) { // 更新UI的逻辑，例如显示网页标题 setTitle(title); } }); ``` 2. **加载网页**：最后，加载需要的网页地址。 ```java myWebView.loadUrl("http://www.example.com"); ``` 通过以上步骤，可以在Android应用中的WebView组件实现Java与JavaScript方法的相互调用，以及加载网页标题的功能。这些功能使得WebView的应用场景更为广泛，也使得应用与网页内容的交互更加流畅。 ### 注意 在处理WebView的JavaScript接口时，应特别注意安全问题。从Android 4.2版本开始，仅当Java类和方法使用了`@JavascriptInterface`注解时，这些方法才能被JavaScript访问。这为开发者提供了一个安全机制，避免JavaScript无意间调用敏感的Java方法。开发者应确保只向JavaScript暴露必要的接口。 同时，由于Android 6.0及以上版本对权限管理进行了加强，如果在WebView中调用需要权限的方法，还需要确保应用有相应的权限。 ### 结语 掌握WebView的这些基础使用方法，能够让你在开发Android应用时，更好地整合网页内容，为用户提供更加丰富的交互体验。在实现相关功能时，开发者应关注最新的安全指导原则，确保应用的安全性和稳定性。