美文网首页iOS开发iOS程序猿首页投稿(暂停使用,暂停投稿)
webView加载多个连接时判断是否是第一个连接失败

webView加载多个连接时判断是否是第一个连接失败

作者: 追风筝的荧火虫 | 来源:发表于2016-09-06 21:34 被阅读606次

要点:1.isEqualToString的使用

         2.NSURL与字符串的转换比较

       问题:用一个webView加载一个html,html先是有一段文字和图片,再有就是此html内嵌了一个iframe,iframe里面有另外一个连接(比如一个视频连接),这时候用webView去加载这个html,假如这个iframe里的视频连接是错误的,加载不了,会报错,这就会触发webView的代理方法didFailLoadWithError,但是此html的连接是没有问题的,可以正常加载到文字和图片。这时候,如果我们需要在didFailLoadWithError方法里添加一个errorView 来提示加载出错,那么就会出现这样的情况:尽管html连接没有错,文字图片也加载出来了,但是由于iframe里的连接出错,也会触发didFailLoadWithError从而弹出我们设定的errorView,进而阻止我们操作页面,如下图:

一个无错误页面内含有一个错误链接的iframe

      但是实际上我们想要的结果是这样的:只要文字和图片加载出来了,即使视频无法加载,也不要弹出“加载失败”这个框,只有当文字都加载不成功时才需要弹出这样一个框,那么这时个就要找出哪个连接加载失败哪个加载成功了,进而作出选择性地在相应连接出错时才弹出错误窗口。

经过打印跟踪可以发现,在webView的代理方法:shouldStartLoadWithRequest  里,会先后顺序地加载请求连接,就是说在此方法里的request先会是加载html里的连接(就是webView loadRequest:url 中的这个连接),再顺序地加载到html里的iframe/src/js/css等的连接,那么这样就可以在didFailLoadWithError方法里拿到加载出错的连接来与这个html的url对比了,如果出错的连接是这个url就让他弹框,如果不是就不用弹。

解决办法:

定一个全局可变数组:NSMutableArray *firstRequestUrl;

首先初始化一个webView

UIWebView *myWebView = [[UIWebView alloc]initWithFrame:self.view.bounds];

[myWebView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"aaa://bbbbb"]]];

myWebView.delegate = self;

[self.view addSubview:myWebView];

然后在shouldStartLoadWithRequest方法里只允许他添加第一个url

NSString *webViewRequestUrl = request.URL.absoluteString;

if (firstRequestUrl == nil) {

       firstRequestUrl = [NSMutableArray arrayWithCapacity:1];

       if (firstRequestUrl.count == 0) {

               [firstRequestUrl addObject:webViewRequestUrl];

       }

}

然后在didFailLoadWithError方法里拿到出错的url,

NSURL *failLoadUrlString = error.userInfo[@"NSErrorFailingURLKey"];

可以打印error看看里面都有什么,注意这里是NSURL,如果硬是写成了下面这样:

// NSString *failLoadUrlString = (NSString *)error.userInfo[@"NSErrorFailingURLKey"];

当查看failLoadUrlString属性时仍然是NSURL类型的,这就不能与上面获得的字符串比较了,所以在下面比较时要先将NSURL转成NSString

if ([firstRequestUrl[0] isEqualToString:[failLoadUrlString absoluteString]]) {

       NSLog(@"两个字符串相等,所以出错的是第一个html的连接");

       //这时候就可以在这里写弹出框了

}else{

       NSLog(@"两个字符串不相等,就说明出错的有可能是html里面的连接");

      //这时候就可以在这里隐藏弹框了

}

做完这一步,实际上上面的问题已经解决,无论一个页面内含有多少个iframe,iframe里面含有多少个链接,不管这些链接错误与否,只要出错的链接不是这个页面的主链接(第一个链接),那么就不会弹出错误提示框了。

但新的问题来了:

当我们用webView去加载一个电脑版的网址时,比如:http://www.qq.com/,这时在shouldStartLoadWithRequest代理方法中申请请求的url为http://www.qq.com/,但在请求过程中,会自动转换成触屏版的网址,即:http://xw.qq.com/index.htm,这时候,在failDidLoad方法中会监测到错误链接:http://www.qq.com,且为第一个,但实际上整个请求页面是可以实现的。如果按照上面的写法,则会出现如下情况,且在有弹出框的情况下页面是不可控的:

请求电脑版网址会自动跳转触屏版

那么就不能按上面的写法了,这时候可以这样解决:

在shouldStartLoadWithRequest里计数请求的链接数count1,比如上面的qq.com请求过程中,由于会自动转换成触屏版的链接,所以实际上在这个代理方法中申请请求的链接个数为2个,可以打NSLog看到。

然后在FailDidLoad里再计数失败的链接数count2,如上面的例子,这里的count2个数为1;

将count1 与 count2 比较,如果相等,弹框,如果不相等,忽略错误,不弹框,意为整个请求页面中只要有一个链接请求正确都不弹框;用这个方法代替上面的方法,既可以避免页面带iframe且iframe里有错误链接时导致弹框,又可以避免请求网址为电脑版时自动转换为触屏版时导致弹框这两个问题。

暂时没有测试到其他情况,大家发现的话请帮忙提出进行修改。

相关文章

网友评论

    本文标题:webView加载多个连接时判断是否是第一个连接失败

    本文链接:https://www.haomeiwen.com/subject/zxzdettx.html