webview使用demo

在Android开发中，WebView是一个非常重要的组件，它允许我们在应用程序中内嵌网页内容，从而实现混合式应用开发。WebView不仅可以展示静态HTML页面，还可以通过JavaScript与Android原生代码交互，实现更加复杂的业务逻辑。本教程将详细介绍如何在Android中使用WebView，并实现JS与Java对象的相互调用。 一、WebView的基本使用 1. 添加依赖 确保在`build.gradle`文件中添加了对WebView的支持库。在`dependencies`块中加入以下代码： ```groovy implementation 'androidx.webkit:webkit:1.3.0' ``` 2. 在XML布局文件中添加WebView 在你的布局文件（如`activity_main.xml`）中，添加一个WebView控件： ```xml <WebView android:id="@+id/webView" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 二、加载网页内容 在你的Activity中，初始化WebView并加载网页内容。这可以是本地的HTML文件或者远程URL： ```java WebView webView = findViewById(R.id.webView); webView.loadUrl("file:///android_asset/index.html"); // 加载本地资源 // 或者 webView.loadUrl("https://www.example.com"); // 加载远程URL ``` 三、启用JavaScript支持 为了让WebView能够执行JavaScript代码，需要开启JavaScript支持： ```java WebSettings settings = webView.getSettings(); settings.setJavaScriptEnabled(true); ``` 四、JS与Java交互：JavaScriptInterface 1. 创建Java接口 创建一个类，使用`@JavascriptInterface`注解标记所有需要在JavaScript中调用的方法： ```java public class MyJavaScriptInterface { @JavascriptInterface public void callFromJs(String message) { Toast.makeText(MainActivity.this, "接收到JS的消息：" + message, Toast.LENGTH_SHORT).show(); } } ``` 2. 注册接口到WebView 在加载网页之前，将这个接口注册到WebView： ```java webView.addJavascriptInterface(new MyJavaScriptInterface(), "android"); ``` 这里，"android"是JavaScript中访问此接口的对象名。 3. JavaScript调用Java方法 现在，你可以在JavaScript中通过`window.android.callFromJs("任意参数")`来调用Java方法。 五、Java调用JS函数 有时，我们还需要从Java代码中触发JavaScript函数。使用`evaluateJavascript`方法： ```java webView.evaluateJavascript("javascript:myJsFunction('参数')", new ValueCallback<String>() { @Override public void onReceiveValue(String value) { // 回调接收JavaScript执行的结果 } }); ``` 六、安全注意事项 为了防止XSS攻击，从API 17开始，`@JavascriptInterface`注解是必需的。此外，不推荐直接暴露敏感的Android对象或数据给JavaScript，因为这可能引发安全问题。 总结： 在Android中，WebView是实现网页与原生应用交互的重要工具。通过开启JavaScript支持、创建JavaScriptInterface以及使用`evaluateJavascript`方法，我们可以轻松地实现两者之间的双向通信。然而，使用时要注意安全问题，避免不必要的风险。在提供的`WebViewDemo`项目中，你可以找到这些功能的实现示例，通过学习和实践，你可以更好地理解和掌握WebView的使用技巧。