首页 > 代码库 > ios-网络篇webview的简单应用

ios-网络篇webview的简单应用

一、简单介绍

1.简单说明

UIWebView是iOS内置的浏览器控件
系统自带的Safari浏览器就是通过UIWebView实现的

UIWebView不但能加载远程的网页资源,还能加载绝?部分的常见文件 html\htm pdf、doc、ppt、txt  mp4 ......

2.UIWebView常?的加载资源的方法

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

3.常用的属性和方法

重新加载(刷新)  - (void)reload;

停?止加载     - (void)stopLoading;

回退     - (void)goBack;

前进    - (void)goForward;

需要进?检测的数据类型   @property(nonatomic) UIDataDetectorTypes dataDetectorTypes 

是否能回退 @property(nonatomic,readonly,getter=canGoBack) BOOL canGoBack;

是否能前进 @property(nonatomic,readonly,getter=canGoForward) BOOL canGoForward; 

是否正在加载中  @property(nonatomic,readonly,getter=isLoading) BOOL loading;

是否伸缩内容至适应屏幕当前尺寸 @property(nonatomic) BOOL scalesPageToFit; 

 

4.监听UIWebView的加载过程

成为UIWebView的代理,遵守UIWebViewDelegate协议,就能监听UIWebView的加载过程

开始发送请求(加载数据)时调用这个方法

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

请求完毕(加载数据完毕)时调?这个方法

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

请求错误时调用这个方法

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

 

5.监听UIWebView的加载过程

UIWebView在发送请求之前,都会调?用这个?方法,如果返回NO,代表停?止加载 请求,返回YES,代表允许加载请求

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

 

二、基本使用

1.示例一

新建一个项目,在storyboard中的UIView中拖一个UIWedView控件。

最简单的使用:

(1)创建一个网络请求

(2)加载网络请求

代码:

 1 // 2 //  YYViewController.m 3 //  01-UIwebview的基本使用 4 // 5 //  Created by 孔医己 on 14-7-2. 6 //  Copyright (c) 2014年 itcast. All rights reserved. 7 // 8  9 #import "YYViewController.h"10 11 @interface YYViewController ()12 @property (weak, nonatomic) IBOutlet UIWebView *webView;13 14 @end15 16 /**17  *  UIWebView:浏览器,可以用来浏览常见格式的文件,如html/txt/doc/ppt/mp4等18  */19 @implementation YYViewController20 21 - (void)viewDidLoad22 {23     [super viewDidLoad];24     25     //1.创建网络请求26     NSURL *url=[NSURL URLWithString:@"http://www.baidu.com"];27     NSURLRequest *request=[NSURLRequest requestWithURL:url];28     29     //加载网络请求30     [self.webView loadRequest:request];31     32 }33 34 @end

模拟器效果:

2.监听UIWebView

代码示例:

 1 // 2 //  YYViewController.m 3 //  01-UIwebview的基本使用 4 // 5 //  Created by 孔医己 on 14-7-2. 6 //  Copyright (c) 2014年 itcast. All rights reserved. 7 // 8  9 #import "YYViewController.h"10 //使用第三方框架11 #import "MBProgressHUD+MJ.h"12 13 @interface YYViewController ()<UIWebViewDelegate>14 @property (weak, nonatomic) IBOutlet UIWebView *webView;15 16 @end17 18 /**19  *  UIWebView:浏览器,可以用来浏览常见格式的文件,如html/txt/doc/ppt/mp4等20  */21 @implementation YYViewController22 23 - (void)viewDidLoad24 {25     [super viewDidLoad];26     27     //1.创建网络请求28     NSURL *url=[NSURL URLWithString:@"http://www.baidu.com"];29     NSURLRequest *request=[NSURLRequest requestWithURL:url];30     31     //2.设置WebView的代理32     self.webView.delegate=self;33     //伸缩内容适应屏幕尺寸34     self.webView.scalesPageToFit=YES;35     36     //加载网络请求37     [self.webView loadRequest:request];38     39 }40 41 #pragma mark-UIWebViewDelegate42 /**43  *WebView开始加载资源的时候调用(开始发送请求)44  */45 -(void)webViewDidStartLoad:(UIWebView *)webView46 {47     NSLog(@"webViewDidStartLoad---");48     [MBProgressHUD showMessage:@"正在加载···"];49 }50 51 /**52  *WebView加载完毕的时候调用(请求完毕)53  */54 -(void)webViewDidFinishLoad:(UIWebView *)webView55 {56     NSLog(@"webViewDidFinishLoad---");57     [MBProgressHUD hideHUD];58 }59 60 /**61  *WebView加载失败的时候调用(请求失败)62  */63 -(void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error64 {65     NSLog(@"didFailLoadWithError---");66      [MBProgressHUD hideHUD];67 }68 69 70 @end

打印查看:

 

ios-网络篇webview的简单应用