WebView 组件使用

WebView组件在Android开发中扮演着重要的角色，它允许我们在应用程序中内嵌网页内容，实现原生应用与网页的无缝对接。这个使用示例主要聚焦于Java与JavaScript之间的交互，这是一项核心功能，使得开发者能够利用JavaScript操作网页的同时，调用Android的原生功能。 我们来了解WebView的基本使用。在XML布局文件中，我们需要添加一个WebView控件： ```xml <WebView android:id="@+id/webView" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 然后在对应的Activity或Fragment中初始化WebView，并加载网页： ```java WebView webView = findViewById(R.id.webView); webView.loadUrl("https://www.example.com"); ``` 为了实现Java与JavaScript的交互，我们需要启用JavaScript执行权限，通过`WebSettings`设置： ```java WebSettings settings = webView.getSettings(); settings.setJavaScriptEnabled(true); ``` 接下来，我们可以使用`addJavascriptInterface`方法暴露Java对象给JavaScript调用。例如，创建一个名为`AppBridge`的对象： ```java webView.addJavascriptInterface(new Object() { @JavascriptInterface public void callFromJs(String message) { // 这里处理来自JavaScript的调用 Toast.makeText(MainActivity.this, "Called from JS: " + message, Toast.LENGTH_SHORT).show(); } }, "appBridge"); ``` 在JavaScript中，我们可以通过`window.appBridge.callFromJs()`来调用这个Java方法。 另一方面，我们也可以从Java代码中调用JavaScript函数。使用`loadUrl`方法传递JavaScript代码： ```java webView.loadUrl("javascript:document.body.style.backgroundColor='red'"); ``` 这个例子会将网页背景色设置为红色。如果需要执行复杂逻辑，可以封装成一个函数并调用： ```java String jsFunction = "function changeColor(color) {" + "document.body.style.backgroundColor=color;" + "}" + "changeColor('blue');"; webView.loadUrl("javascript:" + jsFunction); ``` 在安全方面，需要注意的是，`addJavascriptInterface`可能会引发远程代码执行漏洞（XSS攻击），因此应避免暴露敏感方法。从Android 4.2（API 17）开始，`@JavascriptInterface`注解被引入，用于标记仅能被JavaScript调用的方法，这有助于提高安全性。 总结一下，WebView组件是Android中的重要工具，它不仅用于展示网页，还通过Java与JavaScript的交互实现了丰富的功能扩展。通过合理利用这一特性，开发者可以构建出更加动态、功能强大的应用。在实际开发中，务必注意安全问题，确保用户数据的安全。