Android混合开发之WebView的使用
一、
WebView简介与作用
Android中的WebView是一个基于Webkit内核的控件，用于在应用内显示和渲染Web页面，它支持显示网络上或本地assets中的HTML文件，并可以与JavaScript进行交互，在低版本和高版本的Android系统中，WebView采用了不同的Webkit内核版本，从4.4开始直接使用了Chrome内核。
WebView的主要功能
显示和渲染Web页面：无论是本地还是网络资源，都可以加载到WebView中。
与JavaScript交互：通过添加JavaScript接口，实现原生代码与Web页面的双向通信。
处理网页的各种通知和请求事件：例如页面加载、资源加载、进度更新等。
使用场景
WebView适用于需要展示动态内容的应用，如用户协议、注册说明、广告推广页面、图文展示文章等，其优点包括开发成本低、自动更新最新内容以及兼容多平台，但缺点在于用户体验不如原生炫酷，且连接网络性能相对较差。
二、配置WebView
权限设置
在使用WebView之前，需要在AndroidManifest.xml中添加访问互联网的权限：
<uses-permission android:name="android.permission.INTERNET" />
布局文件
在布局文件中添加WebView控件：
<WebView
android:id="@+id/webView"
android:layout_width="match_parent"
android:layout_height="match_parent" />
WebSettings配置
通过WebSettings类来配置WebView的状态：
WebSettings webSettings = webView.getSettings(); webSettings.setJavaScriptEnabled(true); // 启用JavaScript webSettings.setDisplayZoomControls(false); // 不显示缩放按钮 webSettings.setSupportZoom(true); // 支持缩放 webSettings.setBuiltInZoomControls(true); // 内置缩放控件 webSettings.setUseWideViewPort(true); // 适应屏幕 webSettings.setLoadWithOverviewMode(true); // 缩放至合适比例 webSettings.setAllowFileAccess(true); // 允许文件访问
三、数据加载
加载本地资源
webView.loadUrl("file:///android_asset/example.html");
加载网络资源
webView.loadUrl("http://www.example.com/index.html");
添加请求头信息
Map<String, String> headers=new HashMap<String, String>();
headers.put("User-Agent","Android");
webView.loadUrl("http://www.example.com/index.html", headers);
加载HTML片段
String data = "<html><body><h1>Hello, WebView!</h1></body></html>"; webView.loadData(data, "text/html", "utf-8");
注意：loadData可能会导致中文乱码，建议使用loadDataWithBaseURL代替：
webView.loadDataWithBaseURL(null, data, "text/html", "utf-8", null);
四、JavaScript与Java交互
支持JavaScript
webSettings.setJavaScriptEnabled(true); webView.addJavascriptInterface(new JavaScriptInterface(), "Android");
2. JavaScriptInterface接口定义
public class JavaScriptInterface {
@android.webkit.JavascriptInterface
public void doTrainFinish() {
finish();
}
}
五、处理WebView通知与请求事件
WebViewClient
通过WebViewClient处理各种通知和请求事件：
webView.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;
}
});
其他常用方法包括：
onPageStarted(WebView view, String url, Bitmap favicon)：页面开始加载时调用。
onPageFinished(WebView view, String url)：页面加载结束时调用。
onLoadResource(WebView view, String url)：加载页面资源时调用。
onReceivedError(WebView view, int errorCode, String description, String failingUrl)：加载出错时调用。
onReceivedHttpAuthRequest(WebView view, android.webkit.HttpAuthHandler handler, String host, String realm)：获取返回信息授权请求。
WebChromeClient
通过WebChromeClient处理JavaScript对话框、网站图标、网站标题、加载进度等：
webView.setWebChromeClient(new WebChromeClient() {
@Override
public void onProgressChanged(WebView view, int newProgress) {
if (newProgress == 100) {
// 网页加载完成
} else {
// 网页加载中
}
}
});
其他常用方法包括：
onCloseWindow(WebView window)：关闭WebView。
onCreateWindow(WebView view, boolean isDialog, boolean isUserGesture, Message resultMsg)：触发创建新窗口。
onJsAlert(WebView view, String url, String message, JsResult result)：触发弹出对话框。
onJsPrompt(WebView view, String url, String message, String defaultValue, JsResult result)：触发输入框提示。
onJsConfirm(WebView view, String url, String message, JsResult result)：触发确认框提示。
onReceivedIcon(WebView view, Bitmap icon)：获取网页图标。
onReceivedTitle(WebView view, String title)：获取网页标题。
六、网页栈管理与缓存控制
回退操作
重写onKeyDown方法以实现回退操作：
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_BACK) {
if (webView.canGoBack()) {
webView.goBack(); // 返回上一浏览页面
return true;
} else {
finish(); // 关闭Activity
}
}
return super.onKeyDown(keyCode, event);
}
缓存控制
通过WebSettings.setCacheMode方法设置缓存模式：
LOAD_CACHE_ONLY：不使用网络，只读取本地缓存数据。
LOAD_DEFAULT：根据cache-control决定是否从网络上取数据。
LOAD_NO_CACHE：不使用缓存，只从网络获取数据。
LOAD_CACHE_ELSE_NETWORK：只要本地有，无论是否过期，或者无缓存，都使用缓存。
webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);
还可以通过以下方法清除缓存：
webView.clearCache(true); // 清除缓存 webView.clearHistory(); // 清除历史记录
相关问题与解答栏目
问题1：如何在WebView中执行JavaScript代码？
答：可以通过WebView的loadUrl方法来执行JavaScript代码，
webView.loadUrl("javascript:alert('Hello from JavaScript!');");
也可以使用evaluateJavascript方法（API Level 19及以上）：
if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.KITKAT) {
webView.evaluateJavascript("alert('Hello from JavaScript!');", null);
} else {
webView.loadUrl("javascript:alert('Hello from JavaScript!');");
}
问题2：如何处理WebView中的HTTPS证书错误？
答：可以通过覆盖onReceivedSslError方法来处理HTTPS证书错误，首先需要创建一个自定义的HttpsTrustManager，然后在WebViewClient中覆盖该方法：
public class MyWebViewClient extends WebViewClient {
@Override
public void onReceivedSslError(WebView view, SslErrorHandler handler, Error error) {
handler.proceed(); // 接受证书
}
}
webView.setWebViewClient(new MyWebViewClient());
小伙伴们，上文介绍了“Android混合开发之WebView的使用”的内容，你了解清楚吗？希望对你有所帮助，任何问题可以给我留言，让我们下期再见吧。
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/635311.html
微信扫一扫 