使用Webview中的JavaScript调用Android方法

在Android开发中，WebView是一个非常重要的组件，它允许我们在应用程序中加载和显示网页内容。而JavaScript与Android原生代码的交互是WebView功能的一个强大延伸，它使得开发者可以在网页上执行某些特定任务时调用Android的原生方法，提高了用户体验和应用的交互性。下面将详细解释如何在WebView中实现JavaScript调用Android方法。 为了使JavaScript能够与Android进行交互，我们需要启用WebView的JavaScript支持。这可以通过`WebSettings`类来实现。`WebSettings`提供了丰富的设置选项，例如： ```java WebView webView = new WebView(this); WebSettings settings = webView.getSettings(); settings.setJavaScriptEnabled(true); // 启用JavaScript ``` 一旦JavaScript被启用，我们可以通过`addJavascriptInterface`方法来创建一个桥接对象，该对象将JavaScript方法映射到Android的Java对象。例如，我们可以创建一个名为`AppBridge`的Java类，并暴露一个名为`callAndroidMethod`的方法： ```java public class AppBridge { @JavascriptInterface // 必须添加此注解，防止XSS攻击 public void callAndroidMethod(String param) { // 在这里执行Android的逻辑 } } webView.addJavascriptInterface(new AppBridge(), "androidBridge"); // 将AppBridge对象注入WebView，名称为"androidBridge" ``` 现在，JavaScript可以在网页中通过`window.androidBridge.callAndroidMethod`来调用`AppBridge`的`callAndroidMethod`方法。例如： ```javascript <button onclick="callAndroid()">点击调用Android方法</button> <script> function callAndroid() { window.androidBridge.callAndroidMethod('Hello from JavaScript!'); } </script> ``` 需要注意的是，出于安全考虑，从Android 4.2（API级别17）开始，`addJavascriptInterface`的注入对象默认是不安全的，可能导致跨站脚本攻击（XSS）。因此，所有暴露给JavaScript的Java方法必须添加`@JavascriptInterface`注解。 此外，`WebViewClient`和`WebChromeClient`也是与JavaScript交互的重要工具。`WebViewClient`可以监听页面加载事件，如页面开始加载、页面加载完成等；`WebChromeClient`则用于处理更复杂的交互，比如显示进度条、处理对话框等。 例如，我们可以重写`WebViewClient`的`shouldOverrideUrlLoading`方法，以便在点击网页链接时控制是否在内部打开： ```java webView.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); // 在当前WebView内加载新URL return true; } }); ``` 总结起来，通过WebView的`WebSettings`、`addJavascriptInterface`以及`WebViewClient`和`WebChromeClient`，我们可以实现JavaScript与Android之间的双向通信，让网页内容与Android应用无缝融合。这种技术在开发混合式应用或增强WebView的功能时非常有用。