iOS之UIWebView無法如何獲取web標(biāo)題

這篇文章將為大家詳細講解有關(guān)iOS之UIWebView無法如何獲取web標(biāo)題，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

最近遇到了一個問題，就是在UIWebView的代理方法里，執(zhí)行document.title的js代碼無法獲取網(wǎng)頁標(biāo)題，代碼如下：

- (void)webViewDidFinishLoad:(UIWebView *)webView
{
  // 取加載html文件的標(biāo)題名
  NSString *title = [webView stringByEvaluatingJavaScriptFromString:@"document.title"];
}

出現(xiàn)這個問題，我首先確定是不是代碼的問題，經(jīng)過分析，發(fā)現(xiàn)代碼沒有改動，但這次卻無法獲取網(wǎng)頁標(biāo)題，甚是奇怪。經(jīng)過查找分析，問題是在這一版中，前端人員把網(wǎng)頁的標(biāo)題設(shè)置放在了異步操作里，導(dǎo)致UIWebView在加載網(wǎng)頁完成后，在代理方法webViewDidFinishLoad:里無法立即獲取標(biāo)題，因為獲取標(biāo)題的方法是異步的，而網(wǎng)頁加載完就會調(diào)用該代理方法，那時候的網(wǎng)頁title還沒有值，所以獲取不到title的值。

下面是網(wǎng)頁異步獲取title的代碼，使用了jQuery和Ajax技術(shù)來異步獲取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);
    }
  })

出現(xiàn)這個問題的時候，恰是項目要上線的那天晚上，在集體加班時，遇到這個問題，感覺那一夜，被深深傷害。。。

好了，閑話不多說，下面來介紹解決辦法：

方法一

如果只是考慮iOS方面的解決方法，可能就是延時獲取title，具體就是在webViewDidFinishLoad:里通過延時來執(zhí)行document.title來獲取標(biāo)題，雖然可以解決，但是有風(fēng)險，因為網(wǎng)頁獲取標(biāo)題是異步的，而異步的時間就不確定，所以延時的時間也不確定，雖然可以加大延時的時間，但是不是完美的解決方法

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

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

方法二

如果考慮網(wǎng)頁端，可以把網(wǎng)頁中獲取title的異步操作改成同步操作，根據(jù)上述的js代碼，可以添加一個同步的字段async: false，修改后的網(wǎng)頁代碼如下：

$.ajax({
    url: remoteur+'/api/innerMessageApi/noticeMessage.htm?callBackFunc=xx',
    type: 'get',
    dataType: 'jsonp',
    jsonpCallback:"xx",
    data: {msgId: msgId},
    // 設(shè)置同步操作
    async: false,

    success: function(res){
      // 同步設(shè)置標(biāo)題
       document.title = res.title;
    complete:function(res){
      ...
    }
  })

雖然這樣可以解決該問題，但是依然不是很好的解決辦法，比如網(wǎng)頁在加載時，用同步的方式獲取網(wǎng)頁標(biāo)題，假如同步操作被阻塞，那么網(wǎng)頁加載就被阻塞，進而導(dǎo)致網(wǎng)頁無法展示，所以依然不是最優(yōu)的解決方法。

方法三

如果把網(wǎng)頁端和iOS端結(jié)合起來，可以在網(wǎng)頁端異步獲取標(biāo)題，在獲取到標(biāo)題后通過js調(diào)用原生的方法來設(shè)置標(biāo)題，這樣既可以不因同步獲取標(biāo)題而阻塞網(wǎng)頁加載過程，也不會因延時獲取標(biāo)題而造成延時時間無法確定的問題，所以該方法可以完美解決這個問題

js端代碼：

$.ajax({
    url: remoteur+'/api/innerMessageApi/noticeMessage.htm?callBackFunc=xx',
    type: 'get',
    dataType: 'jsonp',
    jsonpCallback:"xx",
    data: {msgId: msgId},
    // 設(shè)置同步操作
    async: false,

    success: function(res){
      // 同步設(shè)置標(biāo)題
      document.title = res.title;
      // js調(diào)用原生方法來設(shè)置標(biāo)題
      setWebViewTitle(title); 
    complete:function(res){
      ...
    }
  })

iOS端代碼：

  context[@"setWebViewTitle"] = ^(){
    NSArray *args = [JSContext currentArguments];
    if (args.count == 1) {
      // 設(shè)置標(biāo)題，只需要傳遞一個參數(shù)
      self.title = [args firstObject];
    }
  };

關(guān)于“iOS之UIWebView無法如何獲取web標(biāo)題”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。