Flutter WebView部分网站URL无法正确更新问题求助

1. 检查页面是否存在未完成加载的资源 #

部分网站会持续加载后台轮询接口、实时统计脚本这类资源，导致WebView判定页面未完全加载，onPageFinished无法触发。可以通过两种方式验证：

• 在浏览器中打开目标网站，查看开发者工具的网络面板，确认所有请求是否最终完成（无pending状态的请求）。
• 给WebView添加onProgressChanged回调监控加载进度，手动触发完成逻辑：

  onProgressChanged: (int progress) {
    print('加载进度：$progress%');
    if (progress == 100) {
      setState(() {
        _isLoading = false;
        _controller.currentUrl().then((url) {
          _currentUrl = url ?? '';
          print('手动获取URL: $_currentUrl');
        });
      });
    }
  },
  

2. 跟踪重定向链是否异常 #

部分网站存在多轮重定向，可能导致WebView回调丢失。添加shouldOverrideUrlLoading回调跟踪所有跳转：

shouldOverrideUrlLoading: (controller, navigationRequest) async {
  print('即将跳转至: ${navigationRequest.url}');
  return NavigationDecision.navigate;
},

通过该回调可以排查是否存在重定向循环或被拦截的跳转。

3. 启用WebView调试模式 #

开启调试直接查看页面的JS报错或加载异常：
在initState中添加调试代码：

if (Platform.isAndroid) {
  WebView.platform = AndroidWebView();
  AndroidWebView.enableDebugging(true);
} else if (Platform.isIOS) {
  WebView.platform = CupertinoWebView();
  // iOS需在系统开发者设置中开启Web检查器
}

之后通过Chrome的chrome://inspect（Android）或Safari开发者工具（iOS）直接调试加载的页面，排查是否有JS错误阻止加载完成。

4. 禁用WebView缓存尝试 #

旧缓存可能导致加载异常，尝试关闭缓存：

WebView(
  initialUrl: 'https://www.mediamarkt.de/',
  javascriptMode: JavascriptMode.unrestricted,
  cacheEnabled: false, // 禁用缓存
  // 其他现有配置...
),

5. 升级WebView组件版本 #

如果使用官方webview_flutter包，尝试升级到最新稳定版，部分旧版本存在特定网站的兼容性问题。

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