iOS之UIWebView无法获取web标题

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

[/crayon]

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

下面是网页异步获取 title的代码,使用了 jQueryAjax技术来异步获取 title

[/crayon]

出现这个问题的时候,恰是项目要上线的那天晚上,在集体加班时,遇到这个问题,感觉那一夜,被深深伤害。。。

好了,闲话不多说,下面来介绍解决办法:

方法一

如果只是考虑 iOS方面的解决方法,可能就是延时获取 title,具体就是在 webViewDidFinishLoad:里通过延时来执行 document.title来获取标题,虽然可以解决,但是有风险,因为网页获取标题是异步的,而异步的时间就不确定,所以延时的时间也不确定,虽然可以加大延时的时间,但是不是完美的解决方法

[/crayon]

方法二

如果考虑网页端,可以把网页中获取 title的异步操作改成同步操作,根据上述的 js代码,可以添加一个同步的字段 async: false,修改后的网页代码如下:

[/crayon]

虽然这样可以解决该问题,但是依然不是很好的解决办法,比如网页在加载时,用同步的方式获取网页标题,假如同步操作被阻塞,那么网页加载就被阻塞,进而导致网页无法展示,所以依然不是最优的解决方法。

方法三

如果把网页端和 iOS端结合起来,可以在网页端异步获取标题,在获取到标题后通过 js调用原生的方法来设置标题,这样既可以不因同步获取标题而阻塞网页加载过程,也不会因延时获取标题而造成延时时间无法确定的问题,所以该方法可以完美解决这个问题

js端代码:

[/crayon]

iOS端代码:

[/crayon]

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


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

热心留言

电子邮件地址不会被公开。