Blog

UIWebView---iOS-Apple苹果官方文档翻译

UIWebView
技术博客http://www.cnblogs.com/ChenYilong/ 新浪微博http://weibo.com/luohanchenyilong

UIWebView简介

• 是iOS内置的浏览器控件,可以浏览网

页、打开文档等

• 能够加载html/htm、pdf、docx、txt等格

式的文件

• 系统自带的Safari浏览器就是通过UIWebView实现的

关于MIME type

• MIME的英文全称是“Multipurpose Internet Mail Extensions” 多用途互联网邮件扩展,是一个互联网标准,最早应用于电子邮件系统,后来应用到浏览器
• 服务器通过说明多媒体数据的MIME类型,告诉浏览器发送的多媒体数据的类型,从而让浏览器知道接收到的信息哪些是MP3文件,哪些是Shockwave文件等等
• 服务器将MIME标志符放入传送的数据中告诉浏览器使用哪种插件读取相关文件
• MIME类型能包含视频、图像、文本、音频、应用程序等数据

获得本地文件的MIMEType
// 获得本地文件的MIMEType

- (NSString *)MIMEType:(NSString *)fileName
{

// 定义路径 NSString *path = [[NSBundlemainBundle]pathForResource:fileName ofType:nil];
// 定义URL NSURL *url = [NSURL fileURLWithPath:path];
// 定义请求 NSURLRequest *request = [NSURLRequestrequestWithURL: url];
// 定义响应 NSURLResponse *response = nil;

// 发送同步请求 [NSURLConnectionsendSynchronousRequest:requestreturningResponse:&response
error:nil];
NSLog(@"MIMEType is %@", [response MIMEType]);
return [response MIMEType]; }

UIWebView演练--准备项目介绍

准备项目说明
• gotoURLString方法由文本框回车事件调用,为了方便用户加载本地文件

UIWebView演练(1)--gotoURL方法
// 访问指定的URL内容 - (void)gotoURL:(NSURL*)url {
// 使用URL字符串替代URL文本框 [_urlText setText:[url absoluteString]];
// 定义请求
NSURLRequest *request = [NSURLRequestrequestWithURL:url]; // 设置数据检测类型[_webViewsetDataDetectorTypes:UIDataDetectorTypeAll];

// 加载请求
[_webView loadRequest:request]; }

UIWebView--访问网站和加载本地HTML文件

UIWebView--加载本地文本文件和Word文档

UIWebView--加载本地PDF文件

UIWebView演练(2)--loadHTMLString方法 // 测试加载HTML字符串
NSString *html = @"

Hello chenyilong

";
[_webView loadHTMLString:htmlbaseURL:nil];
// 测试加载部分HTML字符串,不需要显示整个网页内容时,通常使用此方法 NSString *partHtml = @"

Hello chenyilong

";
[_webView loadHTMLString:partHtmlbaseURL:nil];

UIWebView演练(3)--loadData方法
// 测试加载本地PDF,需要指定MIMETYPE ......
[_webView loadData:[NSDatadataWithContentsOfFile:dataPath]MIMEType:@"application/pdf"textEncodingName:@"UTF-8" baseURL:nil];
// 测试加载本地文本文件,需要指定MIMETYPE ......
[_webView loadData:[NSDatadataWithContentsOfFile:dataPath]MIMEType:@"text/plain" textEncodingName:@"UTF-8"baseURL:nil];

// 测试加载本地HTML文件,需要指定MIMETYPE
......
NSURL *baseURL = [NSURL fileURLWithPath:[[NSBundle mainBundle]resourcePath]isDirectory:YES];
[_webView loadData:[NSDatadataWithContentsOfFile:dataPath]MIMEType:@"text/html" textEncodingName:@"UTF-8"baseURL:baseURL];

说明:baseURL是基准URL,程序要用到其他资源的位置

UIWebViewDelegate代理方法
// 网页开始加载的时候调用
- (void)webViewDidStartLoad:(UIWebView*)webView

// 网页加载完成的时候调用
- (void)webViewDidFinishLoad:(UIWebView*)webView

// 网页加载出错的时候调用
- (void)webView:(UIWebView *)webView didFailLoadWithError: (NSError *)error

// 网页中的每一个请求都会被触发这个方法,返回NO代表不执行这个请求(常用于JS与iOS之间通讯)
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest*)request navigationType:(UIWebViewNavigationType)navigationType

JS与iOS之间的通信--iOS调用JS代码
// 获取当前页面的url

NSString *url = [_webViewstringByEvaluatingJavaScriptFromString:@"document.location.href"];
NSLog(@"url %@", url);
// 获取当前页面的标题 NSString *title = [_webView
stringByEvaluatingJavaScriptFromString:@"document.title"];NSLog(@"title %@", title);

// 提交表单
[_webViewstringByEvaluatingJavaScriptFromString:@"document.forms[0].submit(); "];

本节知识点回顾
• UIWebView是内置浏览器控件,能够加载html、pdf、txt等多种格式文件
• 常用加载方法: - loadRequest:
- loadHTMLString:baseURL:
- loadData:MIMEType:textEncodingName:baseURL:
• 常用导航方法:
-   goBack - 回退
-   goForward - 前进
-   reload - 重载
-   stopLoading - 取消载入内容
• 常用属性:
-   scalespageToFit - 自动对页面进行缩放以适应屏幕
-   dataDetectorTypes - 设定电话号码、网址、电子邮件和日期等文字变为链接文字
• 浏览器通过MIME标志符可以知道使用哪种插件读取相关文件 • iOS可以直接调用js代码与页面通讯

Blog