最近遇到了一个问题,就是在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之UIWebView无法获取web标题的更多相关文章

  1. 自定义带进度条的WebView , 增加获取web标题和url 回掉

    1.自定义ProgressWebView package com.app.android05; import android.content.Context; import android.graph ...

  2. IOS客户端UIwebview下web页面闪屏问题

    基于ios客户端uiwebview下的web页面,在其内容高度大于视窗高度时,如果点击超过视窗下文档的底部按钮,收缩内容高度,会发生闪屏问题. 外因是由文档的高度大于视窗的高度所致,本质原因未知. 解 ...

  3. UIWebView如何获取内容高度

    iOS UIWebView如何获取到内容的高度呢?我们经常会遇到项目中需要使用UIWebView来加载H5页面,但是页面的高度并不确定,而我们前端需要根据内容的高度呈现出来,且不允许webview滚动 ...

  4. iOS基础 - UIWebView

    一.UIWebView简介 是iOS内置的浏览器控件,可以浏览网页.打开文档等 能够加载html/htm.pdf.docx.txt等格式的文件 系统自带的Safari浏览器就是通过UIWebView实 ...

  5. iOS(UIWebView 和WKWebView)OC与JS交互 之二

    在iOS应用的开发过程中,我们经常会使用到WebView,当我们对WebView进行操作的时候,有时会需要进行源生的操作.那么我记下来就与大家分享一下OC与JS交互. 首先先说第一种方法,并没有牵扯O ...

  6. iOS Programming UIWebView 2

    iOS Programming  UIWebView 1 Instances of UIWebView render web content. UIWebView可以显示web content. In ...

  7. Java获取Web服务器文件

    Java获取Web服务器文件 如果获取的是服务器上某个目录下的有关文件,就相对比较容易,可以设定死绝对目录,但是如果不能设定死绝对目录,也不确定web服务器的安装目录,可以考虑如下两种方式: 方法一: ...

  8. 传递多个参数并获取Web API的数据

    近段时间学习Web Api觉得非常有意思.默认的路由情况之下,获取数据时,它不必指定Action操作名. 还有另外感想,就是自从学习asp.net MVC之后,加上jQuery,让Insus.NET已 ...

  9. php正则获取网页标题、关键字、网页描述代码

    php正则获取网页关键字,代码如下: function get_keywords($html) { $html=strtolower($html); preg_match("@<hea ...

随机推荐

  1. [图形学] Chp9 三维几何变换--栈处理函数与矩阵管理函数的区别

    矩阵管理函数:glLoadIdentity()是把当前活动矩阵设置为单位矩阵. 栈处理函数:glPushMatrix()是将当前活动的变换矩阵复制一份,压入栈顶:glPopMatrix()是破坏当前活 ...

  2. 算法——蛮力法之选择排序和冒泡排序c++实现

    这次实现的是蛮力法中的两个例子,选择排序法和冒泡排序法,使用的编译环境是vs2013,下面对这两个算法做一个简单介绍,然后是两个算法的c++实现代码. 选择排序法比较的范围是整个列表,每次扫描结束找出 ...

  3. VB6之WebBrowser控件

    UI短手或者GDI+用烦的童鞋可以借用WebBrowser打造漂亮的程序界面,只需要下载一个好看点的html代码就够了. 引用: Microsoft Html Object Library 部件: M ...

  4. Struts2国际化信息机制

    国际化信息机制  (三种 Action范围. Package范围. 全局) 1. 全局国际化配置信息文件 全局国际化文件,对所有Action 生效,任何程序都可以访问到,需要在struts.xml 配 ...

  5. MySQl开发和生产环境索引对比

    --1.创建索引信息表create table `t_index_update` (  `table_name` varchar(20) COLLATE gbk_bin DEFAULT NULL,  ...

  6. 一个简单的时间轴demo

    一个时间轴的组成 使用一个块级元素包裹内容,并未块级元素设置边框 定义圆形或者菱形等元素标签,子元素设置偏移或者定位元素将图标定位到边框上 使其中的内容不溢出,自动换行,内容自动撑高 英文自动换行:w ...

  7. 数控G代码编程详解大全

    一.G代码功能简述 G00------快速定位 G01------直线插补 G02------顺时针方向圆弧插补 G03------逆时针方向圆弧插补 G04------定时暂停 G05------通 ...

  8. java设计模式 01 开山篇

    一. 设计模式概述 设计模式(Design pattern)是一套被反复使用.多数人知晓的.经过分类编目的.代码设计经验的总结.使用设计模式是为了可重用代码.让代码更容易被他人理解.保证代码可靠性. ...

  9. 使用vue+flask做全栈开发的全过程(实现前后端分离)

    花了几天的时间终于在本地把前后端跑通了,以一篇博客记录我这几天的心酸... 1.安装nodejs(自带npm,可能会出现版本错误,更新npm) 2.npm在国内下载时,可能会慢,所以建议要安装淘宝镜像 ...

  10. Unreal Engine 4(虚幻UE4)GameplayAbilities 插件入门教程(七)Ability的信息传递等

    本节及后面的内容将会探索更加有意思的内容,更加逼近实际的使用的内容.我们本节内容不难,讲的是释放Ability时的信息传递: 第一步:创建一个GA称为GA_AOE_BlindVengeance,复仇忌 ...