iOS学习笔记14-网络(三)WebView

最新推荐文章于 2022-06-15 19:00:59 发布

执着丶执念

最新推荐文章于 2022-06-15 19:00:59 发布

阅读量3.2k

点赞数 1

分类专栏： iOS学习笔记文章标签： ios webview 网络浏览器

本文链接：https://blog.csdn.net/liuting5521826/article/details/51122150

版权

本文介绍了iOS中的两种WebView控件：UIWebView和WKWebView。详细讲解了它们的加载请求、实用方法、网页导航及与JavaScript的交互。WKWebView作为更新的选项，具有更好的性能和更丰富的特性，例如支持更高的刷新率和Safari相同的JavaScript引擎。同时，文中给出了WKWebView逐步取代UIWebView的原因和两者在使用上的异同。

摘要由CSDN通过智能技术生成

一、WebView

WebView就是一个内嵌浏览器控件，在iOS中主要有两种WebView：UIWebView和WKWebView，UIWebView是iOS2之后开始使用，WKWebView是在iOS8开始使用，毫无疑问WKWebView将逐步取代笨重的UIWebView。

WKWebView的优点：

WKWebView更多的支持HTML5的特性

WKWebView更快，占用内存可能只有UIWebView的1/3 ~ 1/4

WKWebView高达60fps的滚动刷新率和丰富的内置手势

WKWebView具有Safari相同的JavaScript引擎

WKWebView增加了加载进度属性

尽管讲了这么多WKWebView的优点，但还有很多项目还没有升级到iOS8，UIWebView也还有学习的必要，也可以通过对比WKWebView和UIWebView的使用，加深理解。

注意：Xcode7禁用了明码的HTTP请求（但不限HTTPS请求），应该在info.plist里添加下面的字段，否则无法响应HTTP请求

添加`App Transport Security Settings`，并在其中设置`Allow Arbitrary Loads`为`YES`

xcode7设置HTTP请求

二、UIWebView

1. UIWebView加载请求

- (void)simpleUIWebViewTest {
    // 1.创建webview，并设置大小，"20"为状态栏高度
    CGFloat width = self.view.frame.size.width;
    CGFloat height = self.view.frame.size.height - 20;
    UIWebView *webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 20, width, height)];
    // 2.创建URL
    NSURL *url = [NSURL URLWithString:@"http://www.baidu.com"];
    // 3.创建Request
    NSURLRequest *request =[NSURLRequest requestWithURL:url];
    // 4.加载网页
    [webView loadRequest:request];
    // 5.最后将webView添加到界面
    [self.view addSubview:webView];
    self.webView = webView;
}

2. UIWebView的实用加载函数

//加载网络请求
- (void)loadRequest:(NSURLRequest *)request;

/* 
    功能：加载本地HTML字符串
    string为要加载的本地HTML字符串
    baseURL用来确定htmlString的基准地址，相当于HTML的<base>标签的作用，定义页面中所有链接的默认地址
*/
- (void)loadHTMLString:(NSString *)string baseURL:(nullable NSURL *)baseURL;
/* 加载二进制数据 */
- (void)loadData:(NSData *)data MIMEType:(NSString *)MIMEType 
                   characterEncodingName:(NSString *)characterEncodingName 
                                 baseURL:(NSURL *)baseURL;

下面是加载HTML字符串的例子

- (void)loadLocalHTMLFileToUIWebView{
    // 获取本地html文件文件路径
    NSString *localHTMLPageName = @"myPage";
    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]];
}

UIWebView不仅可以加载HTML页面，还支持pdf、word、txt、各种图片等等的显示。使用loadRequest方法加载的URL是pdf、word、txt、各种图片的URL路径，就可以加载对应的文件，这里就不演示了。

3. UIWebView的网页导航方法

我们浏览网页，时常会使用到的刷新网页、前进、后退等导航操作，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;
// 后退
- (