Android WebView页面检测与特定页面动作执行方案咨询

Absolutely doable! Whether you're working with Android or iOS, you can easily listen for WebView page changes and toggle your floating button's visibility based on the current URL. Let's break this down step by step for both platforms.

Android Implementation #

For Android's WebView, the key is to hook into page load events and check the URL once the page finishes loading. Here's how to do it:

1. Basic Page Load Listener #

Use WebViewClient's onPageFinished method to detect when a page has fully loaded, then check if the URL matches your home page:

// Assume you have a WebView and FloatingActionButton set up in your layout
WebView webView = findViewById(R.id.webView);
FloatingActionButton floatingBtn = findViewById(R.id.floating_btn);

// Configure WebView settings
webView.getSettings().setJavaScriptEnabled(true);

// Set up WebViewClient to listen for page finish events
webView.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(view, url);
        
        // Match the home page URL - use contains() to account for possible query parameters
        boolean isHomePage = url.contains("www.page.com/home");
        
        // Toggle floating button visibility
        floatingBtn.setVisibility(isHomePage ? View.VISIBLE : View.GONE);
    }
});

// Load the initial login page
webView.loadUrl("https://www.page.com/login");

2. Handling Single-Page Apps (SPAs) #

If your web app is a SPA (where URL changes don't trigger full page reloads), the onPageFinished method won't fire on navigation. In this case, you can set up a JavaScript bridge to let the web app notify your native code when the URL changes:

Native Code

// Add a JavaScript interface to your WebView
webView.addJavascriptInterface(new Object() {
    @JavascriptInterface
    public void onUrlUpdated(String newUrl) {
        // Run UI updates on the main thread
        runOnUiThread(() -> {
            boolean isHomePage = newUrl.contains("www.page.com/home");
            floatingBtn.setVisibility(isHomePage ? View.VISIBLE : View.GONE);
        });
    }
}, "NativeBridge");

Web App JavaScript

Add this to your web app to listen for URL changes and notify the native code:

// Listen for history changes (for SPA navigation)
window.addEventListener('popstate', () => {
    window.NativeBridge.onUrlUpdated(window.location.href);
});

// Also call it on initial page load
window.NativeBridge.onUrlUpdated(window.location.href);

iOS Implementation #

For iOS, we'll use WKWebView and its navigation delegate to track page loads and URL changes.

1. Basic Navigation Listener #

Set up WKNavigationDelegate to detect when a page finishes loading, then check the URL:

import UIKit
import WebKit

class WebViewController: UIViewController, WKNavigationDelegate {
    private var webView: WKWebView!
    private var floatingButton: UIButton!

    override func viewDidLoad() {
        super.viewDidLoad()
        setupWebView()
        setupFloatingButton()
        loadLoginPage()
    }

    private func setupWebView() {
        let webConfig = WKWebViewConfiguration()
        webView = WKWebView(frame: view.bounds, configuration: webConfig)
        webView.navigationDelegate = self
        view.addSubview(webView)
    }

    private func setupFloatingButton() {
        floatingButton = UIButton(type: .system)
        floatingButton.setTitle("Action", for: .normal)
        floatingButton.backgroundColor = .systemBlue
        floatingButton.tintColor = .white
        floatingButton.layer.cornerRadius = 30
        floatingButton.frame = CGRect(
            x: view.bounds.width - 80,
            y: view.bounds.height - 140,
            width: 60,
            height: 60
        )
        floatingButton.isHidden = true
        view.addSubview(floatingButton)
    }

    private func loadLoginPage() {
        guard let loginUrl = URL(string: "https://www.page.com/login") else { return }
        webView.load(URLRequest(url: loginUrl))
    }

    // Triggered when page finishes loading
    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        updateFloatingButtonVisibility(for: webView.url?.absoluteString)
    }

    // Handle SPA navigation (page commits without full reload)
    func webView(_ webView: WKWebView, didCommit navigation: WKNavigation!) {
        updateFloatingButtonVisibility(for: webView.url?.absoluteString)
    }

    private func updateFloatingButtonVisibility(for url: String?) {
        guard let url = url else {
            floatingButton.isHidden = true
            return
        }
        floatingButton.isHidden = !url.contains("www.page.com/home")
    }
}

Key Notes #

• URL Matching: Avoid strict equality checks (like url == "www.page.com/home"). Use contains() or a regular expression (e.g., ^https?://www\.page\.com/home) to handle variations like HTTPS, query parameters, or trailing slashes.
• Thread Safety: On Android, always update UI elements on the main thread (use runOnUiThread or post). iOS navigation delegate methods already run on the main thread, so no extra work needed there.
• SPA Edge Cases: If you don't control the web app, you can periodically fetch the current URL using webView.evaluateJavascript("window.location.href") instead of relying on a JS bridge.

内容的提问来源于stack exchange，提问作者Andres Gonzalez