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

 更新时间:2017年07月22日 15:51:11   作者:飞鱼湾  
这篇文章主要为大家详细介绍了iOS之UIWebView无法获取web标题的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

最近遇到了一个问题,就是在UIWebView的代理方法里,执行document.titlejs代码无法获取网页标题,代码如下:

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

出现这个问题,我首先确定是不是代码的问题,经过分析,发现代码没有改动,但这次却无法获取网页标题,甚是奇怪。经过查找分析,问题是在这一版中,前端人员把网页的标题设置放在了异步操作里,导致UIWebView在加载网页完成后,在代理方法webViewDidFinishLoad:里无法立即获取标题,因为获取标题的方法是异步的,而网页加载完就会调用该代理方法,那时候的网页title还没有值,所以获取不到title的值。

下面是网页异步获取title的代码,使用了jQueryAjax技术来异步获取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];
    }
  };

其实,js调用原生的方式很多,这里只是一种比较简单的方式,具体用哪种方式都是可以的,如果对这一块的知识不甚了解,可以参考其它资料。

我找了网上许多的资料,发现动态修改网页标题的大多都是同步操作,比较少介绍用异步操作动态修改标题的,所以我把动态设置标题的方法总结如上,希望给有需要的朋友一点帮助。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • IOS提醒用户重新授权打开定位功能

    IOS提醒用户重新授权打开定位功能

    这篇文章主要介绍了IOS提醒用户重新授权打开定位功能的相关资料,需要的朋友可以参考下
    2015-12-12
  • 如何自定义iOS通讯录

    如何自定义iOS通讯录

    iOS项目中用到对通讯录的联系人或是会员按姓名为关键字进行排序,这篇文章就为大家详细介绍了如何自定义iOS通讯录,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • IOS之UIWebView的使用(基本知识)

    IOS之UIWebView的使用(基本知识)

    在Android开发中有WebView作为混合模式开发的桥梁,当然在IOS中也同样有一个 UIWebView 组件来作为混合模式开发的桥梁,那么下面就对UIWebView的一些基本知识详解一下
    2016-02-02
  • iOS中常见的视图和图片处理示例详解

    iOS中常见的视图和图片处理示例详解

    在日常ios开发中经常会遇到视图和图片的处理,下面这篇文章主要给大家总结介绍了关于iOS中常见的视图和图片处理的相关资料,文中通过示例代码介绍的非常详细,对大家的学习和工作具有一定的参考学习价值,需要的朋友可以参考下。
    2017-10-10
  • 简单实现iOS指纹解锁(TouchID)

    简单实现iOS指纹解锁(TouchID)

    这篇文章主要介绍了如何简单实现iOS指纹解锁,验证TouchID,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • iOS如何巧妙解决NSTimer的循环引用详解

    iOS如何巧妙解决NSTimer的循环引用详解

    这篇文章主要给大家介绍了关于iOS如何巧妙解决NSTimer的循环引用的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2018-03-03
  • 详解iOS中UIView的layoutSubviews子视图布局方法使用

    详解iOS中UIView的layoutSubviews子视图布局方法使用

    这篇文章主要介绍了iOS中UIView的layoutSubviews子视图布局方法使用,文中举了一个layoutSubviews在iPad横竖屏切换时被调用用来重新布局的实例,需要的朋友可以参考下
    2016-04-04
  • iOS App使用SQLite之句柄的定义及数据库的基本操作

    iOS App使用SQLite之句柄的定义及数据库的基本操作

    SQLite中在定义过句柄之后就可以指向数据库,从而利用iOS应用程序进行打开或关闭等各种操作,这里我们就来看一下iOS App使用SQLite之句柄的定义及数据库的基本操作
    2016-06-06
  • 仅几行iOS代码限制TextField输入长度

    仅几行iOS代码限制TextField输入长度

    这篇文章主要为大家详细介绍了通过几行iOS代码限制TextField输入长度的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • IOS中UIImageView方法实现简单动画

    IOS中UIImageView方法实现简单动画

    这篇文章主要介绍了IOS中UIImageView方法实现简单动画的相关资料,需要的朋友可以参考下
    2017-05-05

最新评论