iOS中UIWebView的使用詳解

一、初始化與三種載入方式

     UIWebView繼承與UIView，因此，其初始化方法和一般的view一樣，通過alloc和init進行初始化，其載入資料的方式有三種：

第一種：

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

這是載入網頁最常用的一種方式，通過一個網頁URL來進行載入，這個URL可以是遠端的也可以是本地的，例如我載入百度的主頁：

    UIWebView * view = [[UIWebView alloc]initWithFrame:self.view.frame];
    [view loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.baidu.com"]]];
    [self.view addSubview:view];

會得到如下的效果：

第二種：

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

這個方法需要將httml檔案讀取為字串，其中baseURL是我們自己設定的一個路徑，用於尋找html檔案中引用的圖片等素材。

第三種：

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

這個方式使用的比較少，但也更加自由，其中data是檔案資料，MIMEType是檔案型別，textEncodingName是編碼型別，baseURL是素材資源路徑。

二、一些常用的屬性和變數

@property (nonatomic,assign)id <UIWebViewDelegate> delegate;設定webView的代理

@property (nonatomic,readonly,retain)UIScrollView *scrollView;內建的scrollView

@property (nonatomic,readonly,retain)NSURLRequest *request;URL請求

- (void)reload;重新載入資料

- (void)stopLoading;停止載入資料

- (void)goBack;返回上一級

- (void)goForward;跳轉下一級

@property (nonatomic,readonly,getter=canGoBack)BOOL canGoBack;獲取能否返回上一級

@property (nonatomic,readonly,getter=canGoForward)BOOL canGoForward;獲取能否跳轉下一級

@property (nonatomic,readonly,getter=isLoading)BOOL loading;獲取是否正在載入資料

- (NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script;通過javaScript操作web資料

@property (nonatomic)BOOL scalesPageToFit;設定是否縮放到適合螢幕大小

@property (nonatomic)UIDataDetectorTypes dataDetectorTypesNS_AVAILABLE_IOS(3_0);設定某些資料變為連結形式，這個列舉可以設定如電話號，地址，郵箱等轉化為連結

@property (nonatomic)BOOL allowsInlineMediaPlaybackNS_AVAILABLE_IOS(4_0);設定是否使用內聯播放器播放視訊

@property (nonatomic)BOOL mediaPlaybackRequiresUserActionNS_AVAILABLE_IOS(4_0);設定視訊是否自動播放

@property (nonatomic)BOOL mediaPlaybackAllowsAirPlayNS_AVAILABLE_IOS(5_0);設定音訊播放是否支援ari play功能

@property (nonatomic)BOOL suppressesIncrementalRenderingNS_AVAILABLE_IOS(6_0);設定是否將資料載入如記憶體後渲染介面

@property (nonatomic)BOOL keyboardDisplayRequiresUserActionNS_AVAILABLE_IOS(6_0);設定使用者互動模式

三、iOS7中的一些新特性

下面這些屬性是iOS7之後才有的，通過他們可以設定更加有趣的web體驗

@property (nonatomic)UIWebPaginationMode paginationModeNS_AVAILABLE_IOS(7_0);

    typedef NS_ENUM(NSInteger, UIWebPaginationMode) {
        UIWebPaginationModeUnpaginated,//不使用翻頁效果
        UIWebPaginationModeLeftToRight,//將網頁超出部分分頁，從左向右進行翻頁
        UIWebPaginationModeTopToBottom,//將網頁超出部分分頁，從上向下進行翻頁
        UIWebPaginationModeBottomToTop,//將網頁超出部分分頁，從下向上進行翻頁
        UIWebPaginationModeRightToLeft//將網頁超出部分分頁，從右向左進行翻頁
    };

這個屬性用來設定一種模式，當網頁的大小超出view時，將網頁以翻頁的效果展示，列舉如下：

@property (nonatomic)CGFloat pageLengthNS_AVAILABLE_IOS(7_0);設定每一頁的長度

@property (nonatomic)CGFloat gapBetweenPagesNS_AVAILABLE_IOS(7_0);設定每一頁的間距

@property (nonatomic,readonly)NSUInteger pageCountNS_AVAILABLE_IOS(7_0);獲取分頁數

四、webView協議中的方法

- (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;載入失敗時呼叫的方法

例項：

2.下面看一下效果：

步驟：

0.建立兩個檢視控制體

建立一個新專案，然後建立兩個控制器LvesViewController和 LvesOriginalController

分別新增一個UIWebView到self.view上。

1.去除webView滾動時，上下的白邊。

- (void)clearWebViewBackground:(UIWebView *)webView
{
    UIWebView *web = webView;
    for (id v in web.subviews) {
        if ([v isKindOfClass:[UIScrollView class]]) {
            [v setBounces:NO];
        }
    }
}

2.設定代理

//2. 設定代理
    self.myWebView.delegate=self;

3.新增載入webview的檢視

#pragma mark 載入WebView
-(void) loadMyWebView{
NSString *[email protected]"韓寒《後會無期》奇葩的吸金3祕籍";

NSString *linkStr=[NSString stringWithFormat:@"<a href='%@'>我的部落格</a> <a href='%@'>原文</a>",@"http://blog.csdn.net/wildcatlele",@"http://jincuodao.baijia.baidu.com/article/26059"];

NSString *[email protected]"韓寒《後會無期》的吸金能力很讓我驚訝！8月12日影片票房已成功衝破6億大關。而且排片量仍保持10 以上，以日收千萬的速度穩步向七億進軍。";

NSString *[email protected]"要知道，《後會無期》不是主流型別片，是一個文藝片。不像《小時代》，是一個商業主流的偶像電影。";
NSString *image1=[NSString stringWithFormat:@"<img src='%@'  height='280' width='300' />",@"http://nvren.so/uploads/allimg/c140801/140DR4554L40-YB9.jpg"];
NSString *image2=[NSString stringWithFormat:@"<img src='%@'  height='280' width='300' />",@"http://f.hiphotos.baidu.com/news/w%3D638/sign=78315beeb1fb43161a1f797918a44642/2934349b033b5bb58cb61bdb35d3d539b600bcb5.jpg"];

NSString *[email protected]"太奇葩了！有人說，這是中國電影市場的紅利，是粉絲電影的成功。但是，有一部投資3000萬的粉絲電影《我就是我》，有明星，製作也不錯，基本上是慘敗。";

NSString *[email protected]"《後會無期》賣的不是好故事，是優越感。特別是針對80、90後的人群，你有沒有發現，看《後會無期》比看《小時代3》有明顯的優越感。故事雖然一般，但是很多人看完後，會在微博、微信上晒照片。所以說，對一個族群靠的不是廣度，而是深度。<br>\
\
很凶殘，值得大家借鑑。韓寒《後會無期》還有什麼祕密武器，歡迎《後會無期》團隊或相關方爆料，直接留言即可，有料的可以送黎萬強親筆簽名的《參與感》一書。";

//初始化和html字串
NSString *htmlURlStr=[NSString stringWithFormat:@"<body style='background-color:#EBEBF3'><h2>%@</h2><p>%@</p> <p>%@ </p>%@ <br><p> %@</p> <p>%@</p>%@<p>%@</p></body>",title,linkStr,p1,image1,p2,p3,image2,p4];

[self.myWebView loadHTMLString:htmlURlStr baseURL:nil];

}

4.實現代理方法，（處理連線點選事件）

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

NSString *urlStr=request.URL.absoluteString;

NSLog(@"url: %@",urlStr);

//為空，第一次載入本頁面
if ([urlStr isEqualToString:@"about:blank"]) {
return YES;
}

//設定點選後的檢視控制器
LvesOriginalController *originalC=[[LvesOriginalController alloc] init];
originalC.originUrl=urlStr; //設定請求連線
//跳轉到點選後的控制器並載入webview
[self.navigationController pushViewController:originalC animated:YES];

return  NO;
}
//設定底部滾動不彈回
- (void)webViewDidFinishLoad:(UIWebView *)webView{
NSInteger height = [[webView stringByEvaluatingJavaScriptFromString:@"document.body.offsetHeight;"] intValue];
NSString* javascript = [NSString stringWithFormat:@"window.scrollBy(0, %d);", height];
[webView stringByEvaluatingJavaScriptFromString:javascript];

}

5.實現OrigainalViewController

//
//  LvesOriginalController.m
//  WebViewDemo
//
//  Created by Lves Li on 14-8-15.
//  Copyright (c) 2014年 Lves. All rights reserved.
//

#import "LvesOriginalController.h"

@interface LvesOriginalController ()
{
UIWebView *_webView;
}
@end

@implementation LvesOriginalController

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
if (self) {
// Custom initialization
}
return self;
}

- (void)viewDidLoad
{
[super viewDidLoad];
//設定title
[email protected]"原文";


_webView=[[UIWebView alloc] init];
_webView.frame=[[UIScreen mainScreen] bounds];

[self.view addSubview:_webView];

[_webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:self.originUrl]]];


}
@end

UIWebView儲存圖片