简述WebView与 js的交互流程 ？
参考回答：
WebView与JavaScript的交互流程主要通过以下步骤实现：
1. 启用JavaScript支持：首先需要通过WebSettings启用WebView中的JavaScript支持。
2. 通过JavaScript调用Android方法：可以通过addJavascriptInterface()方法在WebView中暴露Android端的对象，让JavaScript调用。
3. 通过Android调用JavaScript：可以使用evaluateJavascript()方法执行JavaScript代码，获取返回值并处理。
详细讲解与拓展：
1. 启用JavaScript支持
默认情况下，WebView中的JavaScript可能是禁用的，因此需要先通过WebSettings启用JavaScript支持。
示例：
“`java
WebSettings webSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(true); // 启用JavaScript
“`
2. 通过JavaScript调用Android方法
WebView允许JavaScript通过addJavascriptInterface()方法调用Android端的方法。通过这个方法，可以将Android中的Java对象暴露给JavaScript，使得JavaScript能够直接调用这些方法。
步骤：
– 创建一个Java对象，并在其中定义一个方法（必须使用@JavascriptInterface注解）。
– 使用addJavascriptInterface()方法将该对象传递给WebView，使JavaScript可以访问。
示例：
“`java
public class WebAppInterface {
@JavascriptInterface
public void showToast(String toast) {
Toast.makeText(context, toast, Toast.LENGTH_SHORT).show();
}
}
// 将Java对象添加到WebView
webView.addJavascriptInterface(new WebAppInterface(), "Android");
“`
在HTML/JavaScript代码中，可以通过Android对象调用Android端的方法：
“`javascript
// 在JavaScript中调用Android的方法
Android.showToast('Hello from JavaScript');
“`
- 注意事项：
addJavascriptInterface()只能用在Android 4.2（API Level 17）及以上版本中，并且该方法有潜在的安全风险，建议只在可信的网页中使用。
3. 通过Android调用JavaScript
WebView提供了evaluateJavascript()方法，允许Android端执行JavaScript代码。此方法支持执行JavaScript并返回结果。它的回调函数可以用于获取JavaScript执行后的结果。
示例：
“`java
// 执行JavaScript代码并获取返回结果
webView.evaluateJavascript("javascript:document.getElementById('myElement').innerHTML", new ValueCallback<String>() {
@Override
public void onReceiveValue(String value) {
Log.d("WebView", "Returned value: " + value);
}
});
“`
在这个例子中，evaluateJavascript()执行了一段JavaScript代码，获取了myElement元素的内容，并通过回调获取了返回值。
4. WebView的安全性
- JavaScript注入风险：使用
addJavascriptInterface()时需要特别小心，因为它可能会暴露Android端的敏感功能，尤其是对不受信任的网页。攻击者可以通过恶意的JavaScript代码调用暴露的Android方法，从而执行危险操作。 - 防止XSS攻击：为了避免JavaScript注入漏洞，建议在使用
addJavascriptInterface()时只暴露必要的方法，并且在启用JavaScript时谨慎考虑目标网页的可信度。
5. WebView和JavaScript交互常见场景
- 获取数据：Android端获取
WebView中的数据，例如从页面表单中读取信息，或者执行一些计算。 - 与页面互动：例如，调用JavaScript函数响应用户操作或更新UI。
- 通过Android控制页面：通过Android控制
WebView中的页面，例如修改页面内容或执行脚本。
6. 总结
WebView与JavaScript的交互主要通过两种方式实现：通过addJavascriptInterface()让JavaScript调用Android方法，和通过evaluateJavascript()让Android执行JavaScript代码。正确配置和使用这些方法，可以实现Android与Web页面之间的双向数据交互。在实现时，必须注意安全性，避免不可信的网页调用Android暴露的方法。