本文将带你了解IOS开发入门之UIWebView 与 WKWebView的基本使用技巧，希望本文对大家学IOS有所帮助。

iOS开发中UIWebView 与   WKWebView的基本使用技巧。最近有个需求,是将公司的一个内网的页面嵌套在app中作为一个模块.这不是很简单的webView请求一下就行了么?其实内里大有乾坤.自己也将思路整理一遍。

UIWebView

UIWebView的基本使用方法   :

就这样就已经整整个baidu的页面展示到app上
下面我们看一下webView的属性与方法

<code>    UIWebView   *webView = [[UIWebView alloc] initWithFrame:[UIScreen   mainScreen].bounds];

    self.view =   webView;

    NSURL *url = [NSURL   URLWithString:@"https://www.baidu.com"];

    NSURLRequest *request = [NSURLRequest   requestWithURL:url];

    [webView   loadRequest:request];</code>

UIWebView的层级结构   :

UIWebView的类继承关系

UIWebView的属性   :

<code><code>// 代理属性 重点需要知道代理方法的使用

@property (nullable, nonatomic, assign) id   <uiwebviewdelegate> delegate;

// 这个是webView内部的scrollView   只读,但是利用这个属性,设置scrollView的代理,就可以控制整个webView的滚动事件

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

//   webView的请求,这个属性一般在整个加载完成后才能拿到

@property (nullable, nonatomic, readonly, strong) NSURLRequest   *request;

// A Boolean value   indicating whether the receiver can move backward. (read-only)

// If YES, able to move backward; otherwise,   NO.

//   如果这个属性为YES,才能后退

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

// A Boolean value   indicating whether the receiver can move forward.   (read-only)

// If YES, able to   move forward; otherwise, NO.

//   如果这个属性为YES,才能前进

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

// A Boolean value indicating whether the receiver is done   loading content. (read-only)

//   If YES, the receiver is still loading content; otherwise,   NO.

//   这个属性很好用,如果为YES证明webView还在加载数据,所有数据加载完毕后,webView就会为No

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

//A Boolean value   determining whether the webpage scales to fit the view and the user can   change the scale.

//If YES,   the webpage is scaled to fit and the user can zoom in and zoom out. If NO,   user zooming is disabled. The default value is   NO.

//   YES代表网页可以缩放,NO代表不可以缩放

@property (nonatomic) BOOL   scalesPageToFit;

//   设置某些数据变为链接形式，这个枚举可以设置如电话号，地址，邮箱等转化为链接

@property (nonatomic) UIDataDetectorTypes dataDetectorTypes   NS_AVAILABLE_IOS(3_0);

//   iPhone Safari defaults to NO. iPad Safari defaults to   YES

//   设置是否使用内联播放器播放视频

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

//   iPhone and iPad Safari both default to YES

// 设置视频是否自动播放

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

//   iPhone and iPad Safari both default to YES

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

@property (nonatomic) BOOL mediaPlaybackAllowsAirPlay   NS_AVAILABLE_IOS(5_0);

//   iPhone and iPad Safari both default to NO

// 设置是否将数据加载入内存后渲染界面

@property (nonatomic) BOOL suppressesIncrementalRendering   NS_AVAILABLE_IOS(6_0);

//   default is YES

//   设置用户是否能打开keyboard交互

@property (nonatomic) BOOL keyboardDisplayRequiresUserAction   NS_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   //将网页超出部分分页，从右向左进行翻页  

};

// This property determines whether certain CSS properties   regarding column- and page-breaking are honored or ignored.  

//   这个属性决定CSS的属性分页是可用还是忽略。默认是UIWebPaginationBreakingModePage

@property (nonatomic) UIWebPaginationBreakingMode paginationBreakingMode   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);</uiwebviewdelegate></code></code>

还有一些属性请详细翻苹果文档

UIWebView的代理方法   :

UIWebView的代理方法是用的最多的方法,并且一般来说,相对Web页面作处理都在这相应的4个方法中
分别解释一下方法的调用情况

<code><code><code>      // Sent before a web   view begins loading a   frame.请求发送前都会调用该方法,返回NO则不处理这个请求

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

    // Sent after a web view starts loading a   frame. 请求发送之后开始接收响应之前会调用这个方法

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

    // Sent after a web view finishes loading   a frame. 请求发送之后,并且服务器已经返回响应之后调用该方法

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

    // Sent if a web view failed to load a   frame. 网页请求失败则会调用该方法

    - (void)webView:(UIWebView *)webView didFailLoadWithError:(nullable   NSError *)error;</code></code></code>

UIWebView的对象方法

<code><code><code><code>//   加载Data数据创建一个webView

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

// 加载本地HTML创建一个webView

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

// 加载一个请求创建一个webView

- (void)loadRequest:(NSURLRequest *)request

// 刷新网页

-   (void)reload;

//   停止网页加载内容

-   (void)stopLoading;

//   后退

- (void)goBack;

//   前进

-   (void)goForward;

// 执行JS方法

-   (NSString *)stringByEvaluatingJavaScriptFromString:(NSString   *)script</code></code></code></code>

WKWebView

WKWebView的简介   :

从文档中可以看到,这个是IOS8之后新增的一个类,也是苹果推崇的一个新的类

WKWebView的类层级结构  

WKWebView的基本使用方法   :

其实和UIWebView的用法没什么区别
但是WKWebView相对于UIWebView强大了很多，内存的消耗相对少了，所提供的接口也丰富了。
推荐使用
多了一部操作就是需要包含webkit框架
@import   webkit

<code><code><code><code><code>      WKWebView *webView = [[WKWebView alloc] initWithFrame:[UIScreen   mainScreen].bounds];

    self.view =   webView;

    NSURL *url = [NSURL   URLWithString:@"https://www.baidu.com"];

    NSURLRequest *request = [NSURLRequest   requestWithURL:url];

    [webView   loadRequest:request];</code></code></code></code></code>

WKWebView的属性   :

<code><code><code><code><code><code>// UIWebView   中会自动保存Cookie，如果登录了一次下次再次进入的时候,会记住登录状态

// 在WKWebView中，新增一个configuration属性,  configuration   让WKWebView知道登录状态，

//   configuration   可以通过已有的Cookie进行设置，也可以通过保存上一次的configuration进行设置

//   WKWebViewConfiguration类中也有一些相应的属性

@property (nonatomic, readonly, copy) WKWebViewConfiguration   *configuration;

// The   methods of the WKNavigationDelegate protocol help you track the progress of   the web site's main frame navigations and decide load policy for main frame   and subframe navigations.

//   WKWebView中,加入了网站导航的概念,这个对象决定主框架导航加载方法协议。

@property (nullable, nonatomic, weak) id   <wknavigationdelegate>   navigationDelegate;

// The   WKUIDelegate class provides methods for presenting native user interface  

elements on behalf of a   webpage.

//   WKWebView中,加入了网站窗口的概念,这个对象决了webView窗口的一些方法协议。

@property (nullable, nonatomic, weak) id <wkuidelegate>   UIDelegate;

A WKBackForwardList   object is a list of webpages previously visited in a web view that can be   reached by going back or forward.

// WKWebView中,加入了网站列表的概念,这个WEBBackForwardList对象是以前在Web视图访问的网页，可以通过去后退或前进

@property (nonatomic, readonly, strong) WKBackForwardList   *backForwardList;</wkuidelegate></wknavigationdelegate></code></code></code></code></code></code>

还有很多方法,同样可以查文档看到

WKWebView的代理方法   :

有一些方法和UIWebView是基本一直的,但是因为返回了navigation,所能用到的属性多了很多,另外多了一些方法,将请求与相应的整个过程

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之IOS频道！