Android WebView更新URL哈希参数无效的技术求助

你遇到的问题是因为WebView调用loadUrl()仅修改哈希时，默认只会触发页面内锚点跳转，不会重载页面；如果前端没有监听哈希变化事件，页面就不会有任何可见变化。另外你的代码里存在变量名错误：assistantWebView应该是myWebView，这也可能导致部分异常。

下面提供两种可行的解决方式：

方式一：通过JS直接修改哈希并触发前端事件 #

利用WebView的evaluateJavascript()方法，直接调用JavaScript修改哈希值，同时手动触发hashchange事件，确保前端能捕获到变化并执行对应逻辑：

import android.webkit.WebView;
import android.os.Looper;
import android.os.Handler;

public class MyClass {

    private WebView myWebView;

    public void start() {
        // 加载基础页面
        getActivity().runOnUiThread(() -> {
            myWebView.loadUrl("https://www.myCoolName.de/index.html");
        });

        new Handler(Looper.getMainLooper()).postDelayed(() -> {
            getActivity().runOnUiThread(() -> {
                // 启用JS（如果之前没设置）
                myWebView.getSettings().setJavaScriptEnabled(true);
                
                String targetHash = "myValue";
                // 执行JS修改哈希并触发事件
                myWebView.evaluateJavascript(
                    "window.location.hash = '" + targetHash + "'; window.dispatchEvent(new Event('hashchange'));",
                    null
                );
            });
        }, 8000);
    }
}

方式二：添加随机参数强制WebView重载页面 #

如果前端没有处理哈希变化的逻辑，或者你需要强制刷新页面，可以在URL后添加一个随机参数（比如时间戳），让WebView认为这是一个新的URL，从而触发页面重载：

import android.webkit.WebView;
import android.os.Looper;
import android.os.Handler;

public class MyClass {

    private WebView myWebView;

    public void start() {
        getActivity().runOnUiThread(() -> {
            myWebView.loadUrl("https://www.myCoolName.de/index.html");
        });

        new Handler(Looper.getMainLooper()).postDelayed(() -> {
            getActivity().runOnUiThread(() -> {
                // 添加随机参数强制页面重载
                String url = "https://www.myCoolName.de/index.html#myValue?r=" + System.currentTimeMillis();
                myWebView.loadUrl(url);
            });
        }, 8000);
    }
}

额外提示 #

• 若使用方式一，必须确保WebView已启用JavaScript，否则JS代码无法执行。
• 前端页面需要监听hashchange事件才能响应哈希变化，示例前端代码：

  window.addEventListener('hashchange', function() {
      // 这里编写哈希变化后的处理逻辑
      console.log('当前哈希：', window.location.hash);
  });
  

内容的提问来源于stack exchange，提问作者chocolate cake