Xamarin Forms：如何检测WebView中网页是否成功加载并处理失败场景

嘿，刚好我之前做类似需求踩过坑，给你分享下具体实现方案：

1. 检测WebView是否成功打开并可用 #

这里的“成功打开”其实是指WebView控件完成初始化、能够正常发起请求并渲染内容。可以通过这几个方式来检测：

• 利用WebView的导航事件
  当WebView开始尝试加载内容时，会触发Navigating事件；如果加载流程正常走完（至少说明控件本身是可用的），会触发Navigated事件。你可以在页面代码后台绑定这两个事件来验证：

  // 在页面构造函数或OnAppearing中绑定事件
  myWebView.Navigating += MyWebView_Navigating;
  myWebView.Navigated += MyWebView_Navigated;
  
  private void MyWebView_Navigating(object sender, WebNavigatingEventArgs e)
  {
      // 到这一步说明WebView已经完成初始化，可以正常发起请求了
      Console.WriteLine("WebView已成功启动，开始加载内容");
  }
  
  private void MyWebView_Navigated(object sender, WebNavigatedEventArgs e)
  {
      if (e.Result == WebNavigationResult.Success)
      {
          // 进一步确认WebView能成功加载内容，功能完全正常
          Console.WriteLine("WebView加载内容成功，浏览器功能可用");
      }
  }
  

• 平台特定验证（针对极端场景）
  如果需要确认底层浏览器引擎是否正常（比如部分安卓设备WebView组件损坏的情况），可以通过自定义渲染器做平台级检测：

  • 安卓端：检查WebView实例是否非空，尝试加载空白页LoadUrl("about:blank")验证是否正常响应
  • iOS端：确认WKWebView（或旧版UIWebView）初始化成功且无异常抛出

2. 检测IP地址网站加载状态，失败则重定向到IP输入页 #

这个需求核心是捕获WebView加载失败的信号，然后触发页面跳转。具体实现步骤如下：

步骤1：绑定WebView的加载失败事件 #

Xamarin.Forms的WebView提供了NavigationFailed事件（新版本支持），也可以在Navigated事件中检查加载结果：

// 绑定事件
myWebView.NavigationFailed += MyWebView_NavigationFailed;
myWebView.Navigated += MyWebView_Navigated;

// 处理NavigationFailed事件
private async void MyWebView_NavigationFailed(object sender, WebNavigationFailedEventArgs e)
{
    // 加载失败，提示用户并跳转到IP输入页
    await DisplayAlert("加载失败", "无法连接到指定IP地址，请重新输入", "确定");
    await Navigation.PushAsync(new IpInputPage());
}

// 也可以在Navigated事件中判断结果
private async void MyWebView_Navigated(object sender, WebNavigatedEventArgs e)
{
    if (e.Result != WebNavigationResult.Success)
    {
        await DisplayAlert("加载失败", "无法连接到指定IP地址，请重新输入", "确定");
        await Navigation.PushAsync(new IpInputPage());
    }
}

步骤2：前置网络连通性检测（可选优化） #

为了更精准区分“IP不可达”和“页面加载错误”，可以在加载前先做Ping测试：

using System.Net.NetworkInformation;

// 检测IP是否可达
public async Task<bool> IsIpReachable(string ipAddress)
{
    try
    {
        Ping ping = new Ping();
        PingReply reply = await ping.SendPingAsync(ipAddress, 3000); // 3秒超时
        return reply.Status == IPStatus.Success;
    }
    catch
    {
        return false;
    }
}

// 使用示例
string targetIp = "192.168.1.100";
if (await IsIpReachable(targetIp))
{
    myWebView.Source = new UrlWebViewSource { Url = $"http://{targetIp}" };
}
else
{
    await DisplayAlert("提示", "该IP地址无法访问，请重新输入", "确定");
    await Navigation.PushAsync(new IpInputPage());
}

注意事项 #

• 安卓平台需添加网络权限：在AndroidManifest.xml中加入<uses-permission android:name="android.permission.INTERNET" />和<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
• iOS平台若加载HTTP站点，需在Info.plist中配置ATS例外：

  <key>NSAppTransportSecurity</key>
  <dict>
      <key>NSAllowsArbitraryLoads</key>
      <true/>
  </dict>
  

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