iOS之UIWebView无法如何获取web标题
这篇文章将为大家详细讲解有关iOS之UIWebView无法如何获取web标题,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
成都创新互联是专业的金台网站建设公司,金台接单;提供成都做网站、网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行金台网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
最近遇到了一个问题,就是在UIWebView的代理方法里,执行document.title的js代码无法获取网页标题,代码如下:
- (void)webViewDidFinishLoad:(UIWebView *)webView { // 取加载html文件的标题名 NSString *title = [webView stringByEvaluatingJavaScriptFromString:@"document.title"]; }
出现这个问题,我首先确定是不是代码的问题,经过分析,发现代码没有改动,但这次却无法获取网页标题,甚是奇怪。经过查找分析,问题是在这一版中,前端人员把网页的标题设置放在了异步操作里,导致UIWebView在加载网页完成后,在代理方法webViewDidFinishLoad:里无法立即获取标题,因为获取标题的方法是异步的,而网页加载完就会调用该代理方法,那时候的网页title还没有值,所以获取不到title的值。
下面是网页异步获取title的代码,使用了jQuery和Ajax技术来异步获取title:
$.ajax({ url: remoteur+'/api/innerMessageApi/noticeMessage.htm?callBackFunc=xx', type: 'get', dataType: 'jsonp', jsonpCallback:"xx", data: {msgId: msgId}, success: function(res){ console.log(res); if ( res.successFlag == 'Y' ){ content = res.content; title = res.title; } }, complete:function(res){ document.title = title; $('body').append(content); } })
出现这个问题的时候,恰是项目要上线的那天晚上,在集体加班时,遇到这个问题,感觉那一夜,被深深伤害。。。
好了,闲话不多说,下面来介绍解决办法:
方法一
如果只是考虑iOS方面的解决方法,可能就是延时获取title,具体就是在webViewDidFinishLoad:里通过延时来执行document.title来获取标题,虽然可以解决,但是有风险,因为网页获取标题是异步的,而异步的时间就不确定,所以延时的时间也不确定,虽然可以加大延时的时间,但是不是完美的解决方法
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(3 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{ self.title = [webView stringByEvaluatingJavaScriptFromString:@"document.title"]; });
方法二
如果考虑网页端,可以把网页中获取title的异步操作改成同步操作,根据上述的js代码,可以添加一个同步的字段async: false,修改后的网页代码如下:
$.ajax({ url: remoteur+'/api/innerMessageApi/noticeMessage.htm?callBackFunc=xx', type: 'get', dataType: 'jsonp', jsonpCallback:"xx", data: {msgId: msgId}, // 设置同步操作 async: false, success: function(res){ // 同步设置标题 document.title = res.title; complete:function(res){ ... } })
虽然这样可以解决该问题,但是依然不是很好的解决办法,比如网页在加载时,用同步的方式获取网页标题,假如同步操作被阻塞,那么网页加载就被阻塞,进而导致网页无法展示,所以依然不是最优的解决方法。
方法三
如果把网页端和iOS端结合起来,可以在网页端异步获取标题,在获取到标题后通过js调用原生的方法来设置标题,这样既可以不因同步获取标题而阻塞网页加载过程,也不会因延时获取标题而造成延时时间无法确定的问题,所以该方法可以完美解决这个问题
js端代码:
$.ajax({ url: remoteur+'/api/innerMessageApi/noticeMessage.htm?callBackFunc=xx', type: 'get', dataType: 'jsonp', jsonpCallback:"xx", data: {msgId: msgId}, // 设置同步操作 async: false, success: function(res){ // 同步设置标题 document.title = res.title; // js调用原生方法来设置标题 setWebViewTitle(title); complete:function(res){ ... } })
iOS端代码:
context[@"setWebViewTitle"] = ^(){ NSArray *args = [JSContext currentArguments]; if (args.count == 1) { // 设置标题,只需要传递一个参数 self.title = [args firstObject]; } };
关于“iOS之UIWebView无法如何获取web标题”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
分享名称:iOS之UIWebView无法如何获取web标题
网页网址:http://ybzwz.com/article/jiijog.html