最近遇到了一個(gè)問題，就是在UIWebView的代理方法里，執(zhí)行document.title的js代碼無法獲取網(wǎng)頁標(biāo)題，代碼如下：
|
1
2
3
4
5
|
- (void)webViewDidFinishLoad:(UIWebView *)webView{ // 取加載html文件的標(biāo)題名 NSString *title = [webView stringByEvaluatingJavaScriptFromString:@"document.title"];} |
出現(xiàn)這個(gè)問題，我首先確定是不是代碼的問題，經(jīng)過分析，發(fā)現(xiàn)代碼沒有改動(dòng)，但這次卻無法獲取網(wǎng)頁標(biāo)題，甚是奇怪。經(jīng)過查找分析，問題是在這一版中，前端人員把網(wǎng)頁的標(biāo)題設(shè)置放在了異步操作里，導(dǎo)致UIWebView在加載網(wǎng)頁完成后，在代理方法webViewDidFinishLoad:里無法立即獲取標(biāo)題，因?yàn)楂@取標(biāo)題的方法是異步的，而網(wǎng)頁加載完就會(huì)調(diào)用該代理方法，那時(shí)候的網(wǎng)頁title還沒有值，所以獲取不到title的值。
下面是網(wǎng)頁異步獲取title的代碼，使用了jQuery和Ajax技術(shù)來異步獲取title：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
$.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)這個(gè)問題的時(shí)候，恰是項(xiàng)目要上線的那天晚上，在集體加班時(shí)，遇到這個(gè)問題，感覺那一夜，被深深傷害。。。
好了，閑話不多說，下面來介紹解決辦法：
方法一
如果只是考慮iOS方面的解決方法，可能就是延時(shí)獲取title，具體就是在webViewDidFinishLoad:里通過延時(shí)來執(zhí)行document.title來獲取標(biāo)題，雖然可以解決，但是有風(fēng)險(xiǎn)，因?yàn)榫W(wǎng)頁獲取標(biāo)題是異步的，而異步的時(shí)間就不確定，所以延時(shí)的時(shí)間也不確定，雖然可以加大延時(shí)的時(shí)間，但是不是完美的解決方法
|
1
2
3
4
5
|
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代碼，可以添加一個(gè)同步的字段async: false，修改后的網(wǎng)頁代碼如下：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
$.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)頁在加載時(shí)，用同步的方式獲取網(wǎng)頁標(biāo)題，假如同步操作被阻塞，那么網(wǎng)頁加載就被阻塞，進(jìn)而導(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)頁加載過程，也不會(huì)因延時(shí)獲取標(biāo)題而造成延時(shí)時(shí)間無法確定的問題，所以該方法可以完美解決這個(gè)問題
js端代碼：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
$.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端代碼：
|
1
2
3
4
5
6
7
|
context[@"setWebViewTitle"] = ^(){ NSArray *args = [JSContext currentArguments]; if (args.count == 1) { // 設(shè)置標(biāo)題，只需要傳遞一個(gè)參數(shù) self.title = [args firstObject]; }}; |
其實(shí)，js調(diào)用原生的方式很多，這里只是一種比較簡(jiǎn)單的方式，具體用哪種方式都是可以的，如果對(duì)這一塊的知識(shí)不甚了解，可以參考其它資料。
我找了網(wǎng)上許多的資料，發(fā)現(xiàn)動(dòng)態(tài)修改網(wǎng)頁標(biāo)題的大多都是同步操作，比較少介紹用異步操作動(dòng)態(tài)修改標(biāo)題的，所以我把動(dòng)態(tài)設(shè)置標(biāo)題的方法總結(jié)如上，希望給有需要的朋友一點(diǎn)幫助。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持服務(wù)器之家。
