浅谈iOS之UIWebView

栏目: IOS · 发布时间: 5年前

内容简介:在iOS开发过程中,经常用到一些H5交互的页面需要处理,iOS中H5开发的控件之一UIWebView的使用是必须熟练的掌握的。UIWebView继承与UIView,因此,其初始化方法和一般的View一样,通过alloc和init进行初始化。UIWebView 是用来加载加载网页数据的一个框。UIWebView可以用来加载pdf、word、doc 等等文件

前言

在iOS开发过程中,经常用到一些H5交互的页面需要处理,iOS中H5开发的控件之一UIWebView的使用是必须熟练的掌握的。

一、UIWebView 介绍

UIWebView继承与UIView,因此,其初始化方法和一般的View一样,通过alloc和init进行初始化。

UIWebView 是用来加载加载网页数据的一个框。UIWebView可以用来加载pdf、word、doc 等等文件

二、UIWebView简单使用介绍

接下来介绍几种UIWebView网页加载展现的几种方法

第一种方式

//使用 NSURLRequest 的方式加载网页
- (void)loadRequest:(NSURLRequest *)request;

这是加载网页最常用的一种方式,通过一个URL来进行加载,这个URL可以是 远程的 也可以是 本地的 。例如:

- (void)createUIWebViewTest {
    // 1.创建webview
    CGFloat width = self.view.frame.size.width;
    CGFloat height = self.view.frame.size.height;
    UIWebView *webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, width, height)];


    // 2.1 创建一个远程URL
    NSURL *remoteURL = [NSURL URLWithString:@"http://www.baidu.com"];

    // 2.2 创建一个本地URL
    NSString *urlStr = [[NSBundle mainBundle] pathForResource:@"first" ofType:@"html"];
    NSURL *locationURL = [NSURL URLWithString:urlStr];   

    // 3.创建Request
    NSURLRequest *request =[NSURLRequest requestWithURL:remoteURL];
    // 4.加载网页
    [webView loadRequest:request];
    // 5.最后将webView添加到界面
    [self.view addSubview:webView];
    self.webView = webView;
}

第二种方式

/* 
功能:加载HTML字符串
string为要加载的本地HTML字符串
baseURL用来确定htmlString的基准地址,相当于HTML的标签的作用,定义页面中所有链接的默认地址
*/

- (void)loadHTMLString:(NSString *)string baseURL:(nullable NSURL *)baseURL;

第一个参数:主要强调加载HMTL的  HTML语句,并没强调必须是HTML完整的内容 ,HTML文件需要一个完整的HTML格式的文件内容,而这个方法可以直接加载HMTL的语句。

   // HTML是网页的设计语言  
// <>表示标记
// 应用场景:截取网页中的某一部分显示
// 例如:网页的完整内容中包含广告!加载完成页面之后,把广告部分的HTML删除,然后再加载
// 被很多新闻类的应用程序使用
[self.webView loadHTMLString:@"

Hello

"
baseURL:nil];

第二个参数:baseURL是可以自定义的一个路径,用于寻找html文件中引用的图片等素材。

例如:

- (void)loadLocalHTMLFileToUIWebView{
    // 获取本地html文件文件路径
    NSString *localHTMLPageName = @"Test";
    NSString *path = [[NSBundle mainBundle] pathForResource:localHTMLPageName ofType:@"html"];
    // 从html文件中读取html字符串
    NSString *htmlString = [NSString stringWithContentsOfFile:path 
                                                     encoding:NSUTF8StringEncoding 
                                                        error:NULL];
    // 加载本地HTML字符串
    [self.webView loadHTMLString:htmlString baseURL:[[NSBundle mainBundle] bundleURL]];
}

第三种方式

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

这个方法使用比较少,但是更加自由,其中data是文件数据,MIMEType是文件类型,textEncodingName是编码类型,baseURL是素材资源路径。例如:

#pragma 以二进制数据的形式加载文件  
- (void)loadDataFile  {  
    // 最最常见的一种情况  
    // 打开IE,访问网站,提示你安装Flash插件  
    // 如果没有这个应用程序,是无法用UIWebView打开对应的文件的  

    // 应用场景:加载从服务器上下载的文件,例如pdf,或者word,图片等等文件  
    NSURL *fileURL = [[NSBundle mainBundle] URLForResource:@"iOS 7 Programming Cookbook.pdf" withExtension:nil];  

    NSURLRequest *request = [NSURLRequest requestWithURL:fileURL];  
    // 服务器的响应对象,服务器接收到请求返回给客户端的  
    NSURLResponse *respnose = nil;  

    NSData *data = [NSURLConnection sendSynchronousRequest:request returningResponse:&respnose error:NULL];  

    NSLog(@"%@", respnose.MIMEType);  

    // 在iOS开发中,如果不是特殊要求,所有的文本编码都是用UTF8  
    // 先用UTF8解释接收到的二进制数据流  
    [self.webView loadData:data MIMEType:respnose.MIMEType textEncodingName:@"UTF8" baseURL:nil];  
}

// 本地方法:
//从本地加载
    NSString *thePath = [[NSBundle mainBundle] pathForResource:@"User_Guide" ofType:@"pdf"];

    if (thePath) {
        NSData *pdfData = [NSData dataWithContentsOfFile:thePath];
        [self.webView loadData:pdfData MIMEType:@"application/pdf" textEncodingName:@"utf-8" baseURL:nil];
    }

综上:UIWebView已经可以简单的使用到项目中,通过以上三种不同的方式

三、UIWebView详细介绍

接下来会从UIWebView有以下三个方面的内容:

1.UIWebView的一些属性和方法。

2.UIWebView的代理方法

3.UIWebView和Javascript之间的交互

1. UIWebView对应的方法和属性

#pragma mark - 判断属性
// 是否可以后退
@property (nonatomic, readonly, getter=canGoBack) BOOL canGoBack;
// 是否可以向前
@property (nonatomic, readonly, getter=canGoForward) BOOL canGoForward;
// 是否正在加载
@property (nonatomic, readonly, getter=isLoading) BOOL loading;

#pragma mark - 操作方法
// 刷新网页
- (void)reload;
// 停止加载网页
- (void)stopLoading;
// 后退
- (void)goBack;
// 前进
- (void)goForward;

2.UIWebView代理

//是否允许加载网页,也可获取js要打开的url,通过截取此url可与js交互
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request 
                                                 navigationType:(UIWebViewNavigationType)navigationType;
//开始加载网页
- (void)webViewDidStartLoad:(UIWebView *)webView;
//网页加载完成
- (void)webViewDidFinishLoad:(UIWebView *)webView;
//网页加载错误
- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error;

3.UIWebView和JavaScript交互

UIWebView和JavaScript的交互主要涉及两个方面:JS执行OC代码,OC调用JS代码。

同时还有一些更加细节的内容,两者之间的调用参数问题。

关于UIWebView和JavaScript交互会专一做一篇专题的博客。

--------------------- 

作者:Flame_Dream 

原文:https://blog.csdn.net/Future_One/article/details/82320685 


以上所述就是小编给大家介绍的《浅谈iOS之UIWebView》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Mission Python

Mission Python

Sean McManus / No Starch Press / 2018-9-18 / GBP 24.99

Launch into coding with Mission Python, a space-themed guide to building a complete computer game in Python. You'll learn programming fundamentals like loops, strings, and lists as you build Escape!, ......一起来看看 《Mission Python》 这本书的介绍吧!

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

URL 编码/解码
URL 编码/解码

URL 编码/解码