iOS之UIWebView使用

一、初始化(省略)

二、加载数据的三种方式:

1.-(void)loadRequest:(NSURLRequest *)request;

//这是加载网页最常用的一种方式,通过一个网页URL来进行加载,这个URL可以是远程的也可以是本地的,例如我加载百度的主页:2.-(void)loadHTMLString:(NSString*)stringbaseURL:(nullable NSURL *)baseURL;

//这个方法需要将html文件读取为字符串,其中baseURL(如下图中:[NSURL URLWithString:htmlPath],为空时会自动搜索工程文件)是我们自己设置的一个路径,用于寻找html文件中引用的图片等素材。下图中_detailInterviewModel.content为html-body具体内容

3.-(void)loadData:(NSData *)data MIMEType:(NSString *)MIMETypetextEncodingName:(NSString *)textEncodingName baseURL:(NSURL *)baseURL;

//类型MIMEType,参考http://www.w3school.com.cn/media/media_mimeref.asp

//第三个参数是编码格式,文字编码:汉字的GBK和国际通用的UTF-8

//相对地址,一般加载本地文件不使用,可以在指定的baseURL中查找相关文件。为什么需要设置baseUrl?也就是data中有一些链接是图片,css都是外部文件,然后这些文件需要到一个目录上去找。baseUrl就是这个目录。

//格式化数据

NSData *data;

//如果网页编码是UTF-8的,可以这么转换为字符串:

NSString *pageSource = [[NSString alloc]initWithData:data encoding:NSUTF8StringEncoding];

//如果网页是gbk(或者gb2312),用UTF8转换的话,pageSource返回nil。这时需要使用gbk编码做转换,但是NSStringEncoding不含gbk,怎么办?用另一个方法处理一下:

NSStringEncoding gbkEncoding =CFStringConvertEncodingToNSStringEncoding(kCFStringEncodingGB_18030_2000);

NSString *pageSource1 = [[NSString alloc]initWithData:data encoding:gbkEncoding];

//加载本地文件的一些方式举例:

1.载本地的pdf文件:

NSURL *url = [[NSBundle mainBundle]URLForResource:@"Book.pdf"withExtension:nil];

NSURLRequest *request = [NSURLRequest requestWithURL:url];

[_webViewloadRequest:request];

2.加载pdf的第二种方式:

NSString *path = [[NSBundlemainBundle]pathForResource:@"Book.pdf" ofType:nil];

//以二进制的形式加载数据

NSData *data = [NSData dataWithContentsOfFile:path];

[_webViewloadData:dataMIMEType:@"application/pdf" textEncodingName:@"UTF-8"baseURL:nil];

3.加载本地txt文件

NSURL *url = [[NSBundle mainBundle]URLForResource:@"Book.txt"withExtension:nil];

//设置Url

[_webViewloadRequest:[NSURLRequestrequestWithURL:url]];

4.加载Word

//加载Word

NSURL *url = [[NSBundle mainBundle]URLForResource:@"Book.docx"withExtension:nil];

//设置加载Url

[_webViewloadRequest:[NSURLRequestrequestWithURL:url]];

三、一些常用的属性和变量

//设置webView的代理

@property (nonatomic, assign) id delegate;

//内置的scrollView

@property (nonatomic, readonly, retain) UIScrollView *scrollView;

// URL请求

@property (nonatomic, readonly, retain) NSURLRequest *request;

//重新加载数据

- (void)reload;

//停止加载数据

- (void)stopLoading;

//返回上一级

- (void)goBack;

//跳转下一级

- (void)goForward;

//获取能否返回上一级

@property (nonatomic, readonly, getter=canGoBack) BOOL canGoBack;

//获取能否跳转下一级

@property (nonatomic, readonly, getter=canGoForward) BOOL canGoForward;

//获取是否正在加载数据

@property (nonatomic, readonly, getter=isLoading) BOOL loading;

//返回运行脚本语言的结果。

//JavaScript的执行时间被限定在10秒钟,如果执行时间超过10秒,那么页面就停止执行这个脚本。

//JavaScript的执行或许能够阻塞主线程,所以当脚本执行的时候不允许用户影响页面的加载。

//JavaScript的内存分配被限制在10M,如果超出这个限制那么页面会发生异常。

-(NSString*)stringByEvaluatingJavaScriptFromString:(NSString *)script;

//一般在webViewDidFinishLoad内操作,例如:

1.[webView

stringByEvaluatingJavaScriptFromString:@"document.title"]; //获取标题

2.[[webView

stringByEvaluatingJavaScriptFromString:@"document.body.offsetHeight"]

floatValue]; //获取网页内容高度

3.[_webView

stringByEvaluatingJavaScriptFromString:@"document.documentElement.style.webkitTouchCallout

= 'none';"];//取消长按webView上的链接弹出actionSheet的问题

4.NSString

*docStr=[webView

stringByEvaluatingJavaScriptFromString:@"document.documentElement.textContent"];//获取web页面内容信息

5.UIWebView与JS的深度交互参考:http://www.cocoachina.com/ios/20150814/12985.html

//设置是否缩放到适合屏幕大小

@property (nonatomic) BOOL scalesPageToFit;

//自动检测网页上的电话号码,单击可以拨打(ios3.0后禁用了)

@property (nonatomic) BOOL detectsPhoneNumbers NS_DEPRECATED_IOS(2_0,3_0);

//此属性可以设定使电话号码、网址、电子邮件和符合格式的日期等文字变为链接文字。电话号码点击后拨出电话,网址点击后会用Safari打开,电子邮件会用mail打开,而符合格式的日期会弹出一个ActionSheet,有创建事件,在Calendar中显示,和拷贝三个选项。

@property (nonatomic) UIDataDetectorTypes dataDetectorTypesNS_AVAILABLE_IOS(3_0);

//这个值决定了用内嵌HTML5播放视频还是用本地的全屏控制。

为了内嵌视频播放,不仅仅需要在这个页面上设置这个属性,

还必须的是在HTML中的video元素必须包含webkit-playsinline属性。默认使NO。

@property (nonatomic) BOOL allowsInlineMediaPlayback NS_AVAILABLE_IOS(4_0);

//这个值决定了HTML5视频可以自动播放还是需要用户去启动播放

@property (nonatomic) BOOL mediaPlaybackRequiresUserActionNS_AVAILABLE_IOS(4_0);

//设置音频播放是否支持air play功能

@property (nonatomic) BOOL mediaPlaybackAllowsAirPlayNS_AVAILABLE_IOS(5_0);

//是否网页内容下载完毕才开始渲染web视图,默认为NO

@property (nonatomic) BOOL suppressesIncrementalRenderingNS_AVAILABLE_IOS(6_0);

//设置用户交互模式,默认YES

@property (nonatomic) BOOL keyboardDisplayRequiresUserActionNS_AVAILABLE_IOS(6_0);

四、iOS7中的一些新特性(分页特性)

//属性用来设置一种模式,当网页的大小超出view时,将网页以翻页的效果展示,枚举类型:

@property (nonatomic)UIWebPaginationMode paginationMode NS_AVAILABLE_IOS(7_0);

typedef NS_ENUM(NSInteger, UIWebPaginationMode) {

UIWebPaginationModeUnpaginated,//不使用翻页效果

UIWebPaginationModeLeftToRight, //将网页超出部分分页,从左向右进行翻页

UIWebPaginationModeTopToBottom, //将网页超出部分分页,从上向下进行翻页

UIWebPaginationModeBottomToTop, //将网页超出部分分页,从下向上进行翻页

UIWebPaginationModeRightToLeft //将网页超出部分分页,从右向左进行翻页

} __TVOS_PROHIBITED;

//设置分页模式

@property (nonatomic) UIWebPaginationBreakingModepaginationBreakingMode NS_AVAILABLE_IOS(7_0);

//设置每一页的长度

@property (nonatomic) CGFloat pageLength NS_AVAILABLE_IOS(7_0);

//设置每一页的间距

@property (nonatomic) CGFloat gapBetweenPages NS_AVAILABLE_IOS(7_0);

//获取分页数

@property (nonatomic, readonly) NSUInteger pageCount

NS_AVAILABLE_IOS(7_0);

五、iOS9中的一些新特性(分屏任务系统)

//分屏中是否播放

@property (nonatomic) BOOLallowsPictureInPictureMediaPlayback NS_AVAILABLE_IOS(9_0);

//长按链接是否支持预览(支持3D Touch的设备)

@property (nonatomic)BOOL allowsLinkPreview NS_AVAILABLE_IOS(9_0); // default is NO

六、webView协议中的方法

//准备加载内容时调用的方法,通过返回值来进行是否加载的设置。此方法可通过NSString *requestString = [[request URL] absoluteString];获取webview本身加载及页面内跳转的所有url链接地址,可选择性的加载或不加载。

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest*)request navigationType:(UIWebViewNavigationType)navigationType;

//UIWebViewNavigationType枚举,定义了页面中用户行为的分类,包括

•UIWebViewNavigationTypeLinkClicked,用户触击了一个链接。

•UIWebViewNavigationTypeFormSubmitted,用户提交了一个表单。

•UIWebViewNavigationTypeBackForward,用户触击前进或返回按钮。

•UIWebViewNavigationTypeReload,用户触击重新加载的按钮。

•UIWebViewNavigationTypeFormResubmitted,用户重复提交表单

•UIWebViewNavigationTypeOther,发生其它行为。

//开始加载时调用的方法

- (void)webViewDidStartLoad:(UIWebView *)webView;

//结束加载时调用的方法

- (void)webViewDidFinishLoad:(UIWebView *)webView;

//加载失败时调用的方法

- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError*)error;

七、UIWebView常用注意点:

1、与UIWebView进行交互,调用web页面中的需要传参的函数时,参数需要带单引号,或者双引号(双引号需要进行转义在转义字符前加\),在传递json字符串时不需要加单引号或双引号:

-(void)webViewDidFinishLoad:(UIWebView *)webView

{

NSString *sendJsStr=[NSStringstringWithFormat:@"openFile(\"%@\")",jsDocPathStr];

[_webViewstringByEvaluatingJavaScriptFromString:sendJsStr];

}

2.webView分页设置注意点

self.edgesForExtendedLayout =UIRectEdgeNone;//有导航栏得情况下,ios7.0坐标原点设置(页面宽高减去64),否则影响垂直分页的显示

_webView.scalesPageToFit = NO; //设置为yes缩放后页面缩小(本身不能适配屏幕的页面设置YES/NO都不能在分页的情况下正常显示)

_webView.pageLength =self.view.bounds.size.width; //依据paginationMode设置宽高(左右滑动设置宽度上下滑动设置高度),可以不设置(不设置将自动获取屏幕宽高)

_webView.paginationBreakingMode =UIWebPaginationBreakingModeColumn; //与css的page-breaking、column-breaking有关。一般情况下,和paginationMode一起使用时暂时没看错效果设不设置好像都不影响效果(但单独设置此属性(当然pagingEnabled得设置)两个值默认都是垂直分页的)

_webView.paginationMode =UIWebPaginationModeLeftToRight; //设置分页显示方式

_webView.gapBetweenPages = 1; //设置分页间距

_webView.scrollView.pagingEnabled

= YES; //设置分页滑动效果

3.keyboardDisplayRequiresUserAction设置

设置为NO自动关联键盘视图(此时scalesPageToFit无效)设置为YES时只有明确点击了输入框才会关联键盘视图(scalesPageToFit有效可适配屏幕)

4.加载完成后显示滚动标识

for (id subView in [_webView subviews])

{

if ([subViewrespondsToSelector:@selector(flashScrollIndicators)])

{

[subView flashScrollIndicators];

}

}

5.解决webView内存泄漏问题

[[NSUserDefaults standardUserDefaults]setInteger:0 forKey:@"WebKitCacheModelPreferenceKey"];//导致泄漏的关键属性是的WebKitCacheModelPreferenceKey。当你在一个UIWebView打开一个链接,这个属性被自动设置为“1”值。因此,解决的办法是每当你打开一个链接时把它设回0:

[[NSUserDefaults standardUserDefaults]setBool:NO forKey:@"WebKitDiskImageCacheEnabled"];

[[NSUserDefaults standardUserDefaults]setBool:NO forKey:@"WebKitOfflineWebApplicationCacheEnabled"];

[[NSUserDefaultsstandardUserDefaults] synchronize];

6.让UIWebView背景透明的方法

_webView.backgroundColor = [UIColor clearColor];

_webView.opaque = NO;

关键是在HTML里:

<body

style="background-color: transparent">

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,393评论 5 467
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,790评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,391评论 0 330
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,703评论 1 270
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,613评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,003评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,507评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,158评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,300评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,256评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,274评论 1 328
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,984评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,569评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,662评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,899评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,268评论 2 345
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,840评论 2 339

推荐阅读更多精彩内容