javascript - How to monitor url hash changes in Android webview

Question

Scenario During the process of loading a SPA (Single Page Application) website in Android's webview, I used the shouldoverrideurl method to monitor the URL of the Webview and perform some preprocessing on the URL. However, most of the changes in the SPA are hash value changes, so this method cannot monitor it. Variety...

学习ing · Answer

Only available through HTML5’s newly added window.onhashchange() API. shouldoverrideurl should not be monitored.

If you don’t want to modify the js code, you can inject it in java:

Define a class that handles js:

private class MyJSI {
    public void doStuff() {
        // 你的逻辑
    }
}

Inject into webview:

webView.addJavascriptInterface(new MyJSI(), "myjsi");

Listen to onhashchange event:

webview.setWebViewClient(new WebViewClient() {  

    public void onPageFinished(WebView view, String url) {
        view.loadUrl("javascript:window.onhashchange = function() { myjsi.doStuff(); };");
    }
});

Scenes

process

Example

question