WebView的使用与后退键处理-嵌入小程序或者 H5 页面

工作学习小贴士2024-03-30 8:55

在使用 WebView 嵌入小程序或者 H5 页面时，通常会涉及到处理后退键的操作。在 Android 平台上，可以通过 WebView 的相关方法来实现后退键的处理。你可以按照以下步骤来实现：

在 Activity 或 Fragment 中找到 WebView 控件，并为其设置 WebViewClient，这样可以拦截 URL 加载事件。
在 WebViewClient 中重写 shouldOverrideUrlLoading 方法，判断是否为 H5 页面，如果是则加载该页面；如果不是，则使用外部浏览器打开链接。

下面是一个示例代码，演示了如何在 Android 应用中使用 WebView 并处理后退键：

复制代码

import android.os.Bundle;
import android.view.KeyEvent;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends AppCompatActivity {

    private WebView webView;

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

        webView = findViewById(R.id.webview);
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true); // 启用 JavaScript

        // 设置 WebViewClient，处理页面跳转
        webView.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                // 判断是否为 H5 页面，是则加载该页面
                if (url.startsWith("http://") || url.startsWith("https://")) {
                    view.loadUrl(url);
                    return true;
                } else {
                    // 使用外部浏览器打开非 H5 页面
                    Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
                    startActivity(intent);
                    return true;
                }
            }
        });

        webView.loadUrl("http://example.com"); // 加载初始页面
    }

    // 处理后退键
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if ((keyCode == KeyEvent.KEYCODE_BACK) && webView.canGoBack()) {
            webView.goBack();
            return true;
        }
        return super.onKeyDown(keyCode, event);
    }
}

在这个示例中，我们创建了一个 WebView，并设置了 WebViewClient 来处理页面跳转。在 shouldOverrideUrlLoading 方法中，我们判断 URL 是否为 H5 页面，如果是则在当前 WebView 中加载该页面，如果不是则使用外部浏览器打开链接。此外，我们还重写了 onKeyDown 方法，当用户按下后退键时，如果 WebView 可以后退，则执行后退操作，否则调用默认的后退行为。

以上是一个简单的示例，你可以根据自己的需求对 WebView 进行更多定制和处理。