webview完美实例

在Android开发中，WebView是一个非常重要的组件，它允许开发者在应用程序中嵌入一个网页浏览器，使得用户可以在不离开应用的情况下浏览网页内容。本实例主要探讨如何利用WebView来实现JavaScript与Android原生代码的交互，这对于构建混合式移动应用或者增强应用的网页功能具有重要意义。 一、WebView基本使用 1. 添加依赖：在`build.gradle`文件中添加WebView库依赖，如`implementation 'androidx.webkit:webkit:1.3.0'`。 2. 在布局XML文件中添加WebView组件，设置其ID以便在Java代码中引用，例如`<WebView android:id="@+id/webView" ... />`。 3. 在Activity的`onCreate`方法中初始化WebView，并加载指定URL，例如`webView.loadUrl("http://www.example.com")`。 二、JavaScript与Android交互 1. 启用JavaScript：通过`WebSettings`对象的`setJavaScriptEnabled(true)`方法开启JavaScript支持。 2. JavaScript接口：通过`addJavascriptInterface`方法创建一个Java对象，该对象的方法可以被JavaScript调用。例如： ```java webView.addJavascriptInterface(new JavaScriptInterface(this), "android"); ``` 其中`JavaScriptInterface`是自定义的Java类，需要注解`@JavascriptInterface`以防止安全风险。 3. JavaScript调用Android方法：在JavaScript代码中，可以通过`window.android.方法名()`来调用Android的Java方法。 4. Android调用JavaScript：使用`WebView`的`loadUrl`方法加载JavaScript代码，例如`webView.loadUrl("javascript:myJSFunction()");`。 三、示例代码 以下是一个简单的JavaScript调用Android方法的示例： ```java public class JavaScriptInterface { private Context context; public JavaScriptInterface(Context c) { context = c; } @JavascriptInterface public void showToast(String message) { Toast.makeText(context, message, Toast.LENGTH_SHORT).show(); } } ``` 在JavaScript中，你可以这样调用： ```javascript window.android.showToast('这是来自JavaScript的问候'); ``` 这将显示一个来自Android系统的提示框，内容为“这是来自JavaScript的问候”。 四、性能优化 1. 使用`WebViewClient`和`WebChromeClient`：这两个类提供了更细粒度的控制，例如处理页面加载进度、自定义加载错误页面等。 2. 使用`shouldInterceptRequest`方法可以拦截网络请求，实现缓存或离线模式。 3. 开启硬件加速：`webView.setLayerType(View.LAYER_TYPE_HARDWARE, null);` 五、安全注意事项 1. 对于`addJavascriptInterface`中暴露的Java对象，必须进行安全检查，避免恶意JavaScript代码对Android应用造成安全威胁。 2. 避免加载不受信任的网页，防止XSS（跨站脚本攻击）和CSRF（跨站请求伪造）等安全问题。 通过以上步骤，你可以在公司的测试项目中实现基于WebView的JavaScript与Android交互功能。在实际开发中，根据具体需求，你可能还需要处理更复杂的交互逻辑，如文件上传、下载、推送通知等，这些都是WebView深入应用的一部分。