Android 中的webview如何监听网页切换了，比如前进或者后退了

2024-12-19 07:14:24 移动端 1349

在 Android 开发中，WebView 组件用于显示网页内容。如果需要监听用户在 WebView 中前进或后退的操作，你可以通过实现 WebViewClient 并重写相应的方法来实现。下面是如何在 Android 的 WebView 中监听网页前进和后退的详细说明：

1. 设置 `WebViewClient`

WebViewClient 是一个用于处理 WebView 中各种事件的回调接口。要监听网页的前进或后退，你需要自定义一个 WebViewClient 并重写 onPageStarted、onPageFinished 和其他相关的方法。

2. 实现前进和后退监听

1. 基本实现

java
import android.os.Bundle;
import android.webkit.WebResourceRequest;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Toast;
import androidx.annotation.Nullable;
import androidx.appcompat.app.AppCompatActivity;

public class WebViewActivity extends AppCompatActivity {

    private WebView webView;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_webview);

        webView = findViewById(R.id.webView);
        webView.setWebViewClient(new CustomWebViewClient());
        webView.getSettings().setJavaScriptEnabled(true); // 启用 JavaScript

        // 加载网页
        webView.loadUrl("https://www.example.com");
    }

    private class CustomWebViewClient extends WebViewClient {

        @Override
        public void onPageStarted(WebView view, String url, android.graphics.Bitmap favicon) {
            super.onPageStarted(view, url, favicon);
            // 网页开始加载时的操作
            Toast.makeText(WebViewActivity.this, "Page Started: " + url, Toast.LENGTH_SHORT).show();
        }

        @Override
        public void onPageFinished(WebView view, String url) {
            super.onPageFinished(view, url);
            // 网页加载完成后的操作
            Toast.makeText(WebViewActivity.this, "Page Finished: " + url, Toast.LENGTH_SHORT).show();
        }
        
        @Override
        public void onPageCommitVisible(WebView view, String url) {
            super.onPageCommitVisible(view, url);
            // 页面开始渲染并可见时的操作
            Toast.makeText(WebViewActivity.this, "Page Commit Visible: " + url, Toast.LENGTH_SHORT).show();
        }

        @Override
        public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
            // 当点击网页中的链接时触发
            String url = request.getUrl().toString();
            Toast.makeText(WebViewActivity.this, "Redirecting to: " + url, Toast.LENGTH_SHORT).show();
            return super.shouldOverrideUrlLoading(view, request);
        }
    }
}

2. 实现前进和后退功能

为了能够在应用中提供前进和后退功能，你可以使用 WebView 的内置方法 goBack 和 goForward。

java
@Override
public void onBackPressed() {
    if (webView.canGoBack()) {
        webView.goBack(); // 返回上一个页面
    } else {
        super.onBackPressed(); // 如果不能返回，则执行默认操作
    }
}

public void goForward() {
    if (webView.canGoForward()) {
        webView.goForward(); // 前进到下一个页面
    }
}

3. 其他相关方法

canGoBack(): 检查 WebView 是否可以返回到之前的页面。
canGoForward(): 检查 WebView 是否可以前进到下一个页面。
goBack(): 返回到上一个页面。
goForward(): 前进到下一个页面。

4. 处理 JavaScript 和 URL 重定向

为了处理网页中的 JavaScript 或 URL 重定向，使用 shouldOverrideUrlLoading 方法来拦截 URL 请求并进行自定义处理。

总结

设置 WebViewClient: 使用 WebViewClient 监听网页加载、前进和后退事件。
实现前进和后退: 使用 canGoBack(), canGoForward(), goBack() 和 goForward() 方法实现前进和后退功能。
重写方法: 自定义 onPageStarted, onPageFinished, 和 shouldOverrideUrlLoading 方法来处理网页加载和 URL 变化。

关键字

Android, WebView, WebViewClient, 前进, 后退, onPageStarted, onPageFinished, shouldOverrideUrlLoading, goBack, goForward, canGoBack, canGoForward, JavaScript, URL 重定向

1. 设置 WebViewClient