当前位置：首页 > 资讯 > 技术文档

iOS之UIWebView无法获取web标题的解决方法

时间：2022-09-15 05:32 编辑：来源：阅读：
扫一扫，手机访问

摘要：iOS之UIWebView无法获取web标题的解决方法

最近遇到了一个问题，就是在[b]UIWebView[/b]的代理方法里，执行[b]document.title[/b]的[b]js[/b]代码无法获取网页标题，代码如下：

- (void)webViewDidFinishLoad:(UIWebView *)webView
{
  // 取加载html文件的标题名
  NSString *title = [webView stringByEvaluatingJavaScriptFromString:@"document.title"];
}

出现这个问题，我首先确定是不是代码的问题，经过分析，发现代码没有改动，但这次却无法获取网页标题，甚是奇怪。经过查找分析，问题是在这一版中，前端人员把网页的标题设置放在了异步操作里，导致[b]UIWebView[/b]在加载网页完成后，在代理方法[b]webViewDidFinishLoad[/b]:里无法立即获取标题，因为获取标题的方法是异步的，而网页加载完就会调用该代理方法，那时候的网页[b]title[/b]还没有值，所以获取不到title的值。下面是网页异步获取[b]title[/b]的代码，使用了[b]jQuery[/b]和[b]Ajax[/b]技术来异步获取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);
    }
  })

出现这个问题的时候，恰是项目要上线的那天晚上，在集体加班时，遇到这个问题，感觉那一夜，被深深伤害。。。好了，闲话不多说，下面来介绍解决办法： [b]方法一 [/b] 如果只是考虑[b]iOS[/b]方面的解决方法，可能就是延时获取[b]title[/b]，具体就是在[b]webViewDidFinishLoad:[/b]里通过延时来执行[b]document.title[/b]来获取标题，虽然可以解决，但是有风险，因为网页获取标题是异步的，而异步的时间就不确定，所以延时的时间也不确定，虽然可以加大延时的时间，但是不是完美的解决方法

  dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(3 * NSEC_PER_SEC)),    

  dispatch_get_main_queue(), ^{
    self.title = [webView stringByEvaluatingJavaScriptFromString:@"document.title"];
  });

[b]方法二 [/b] 如果考虑网页端，可以把网页中获取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){
      ...
    }
  })

虽然这样可以解决该问题，但是依然不是很好的解决办法，比如网页在加载时，用同步的方式获取网页标题，假如同步操作被阻塞，那么网页加载就被阻塞，进而导致网页无法展示，所以依然不是最优的解决方法。 [b]方法三 [/b] 如果把网页端和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];
    }
  };

其实，js调用原生的方式很多，这里只是一种比较简单的方式，具体用哪种方式都是可以的，如果对这一块的知识不甚了解，可以参考其它资料。我找了网上许多的资料，发现动态修改网页标题的大多都是同步操作，比较少介绍用异步操作动态修改标题的，所以我把动态设置标题的方法总结如上，希望给有需要的朋友一点帮助。以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程素材网。

全部评论(0)

上一篇：详解iOS开发之NSURLProtocol的那些坑
下一篇：xcode 左边导航栏中符合含义详解

资讯排行榜
更多>>