概述
- 什么是UIWebView
- UIWebView是iOS内置的浏览器控件
- 系统自带的Safari浏览器就是通过UIWebView实现的
- UIWebView不但能加载远程的网页资源，还能加载绝大部分的常见文件
- html\htm
- pdf、doc、ppt、txt
- mp4
- ……
- UIWebView常用的加载资源的方法
-(void)loadRequest:(NSURLRequest*)request;
常用属性和方法
- 重新加载（刷新）
-(void)reload;
- 停止加载
-(void)stopLoading;
- 回退
-(void)goBack;
- 前进
-(void)goForward;
- 需要进行检测的数据类型
@property(nonatomic)UIDataDetectorTypesdataDetectorTypes
- 是否能回退
@property(nonatomic,readonly,getter=canGoBack)BOOLcanGoBack;
- 是否能前进
@property(nonatomic,readonly,getter=canGoForward)BOOLcanGoForward;
- 是否正在加载中
@property(nonatomic,readonly,getter=isLoading)BOOLloading;
- 是否伸缩内容至适应屏幕当前尺寸
@property(nonatomic)BOOLscalesPageToFit;
监听UIWebView的加载过程
-
成为UIWebView的代理，遵守UIWebViewDelegate协议，就能监听UIWebView的加载过程
-
开始发送请求（加载数据）时调用这个方法
-(void)webViewDidStartLoad:(UIWebView*)webView;
- 请求完毕（加载数据完毕）时调用这个方法
-(void)webViewDidFinishLoad:(UIWebView*)webView;
- 请求错误时调用这个方法
-(void)webView:(UIWebView*)webViewdidFailLoadWithError:(NSError*)error;
- UIWebView在发送请求之前，都会调用这个方法，如果返回NO，代表停止加载请求，返回YES，代表允许加载请求
-(BOOL)webView:(UIWebView*)webViewshouldStartLoadWithRequest:(NSURLRequest*)request navigationType:(UIWebViewNavigationType)navigationType;
Dome演示
-
storyboard
storyboard.png
-
连线绑定
@interface ViewController () <UIWebViewDelegate>
@property (weak, nonatomic) IBOutlet UIWebView *webView;
@property (weak, nonatomic) IBOutlet UIBarButtonItem *backItem;
@property (weak, nonatomic) IBOutlet UIBarButtonItem *forward;
@end
- 按钮
- (IBAction)back:(id)sender {
[self.webView goBack];
}
- (IBAction)forward:(id)sender {
[self.webView goForward];
}
- (IBAction)refresh:(id)sender {
[self.webView reload];
}
- 设置代理和请求
- (void)viewDidLoad {
[super viewDidLoad];
// Native(OC+Swift) + HTML5
self.webView.delegate = self;
// 网页内容缩小到适应整个设备屏幕
// self.webView.scalesPageToFit = YES;
// 检测各种特殊的字符串：比如电话、网站
self.webView.dataDetectorTypes = UIDataDetectorTypeAll;
[self.webView loadRequest:[NSURLRequest requestWithURL:[[NSBundle mainBundle] URLForResource:@"test" withExtension:@"html"]]];
// [self.webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.520it.com"]]];
// [self.webView loadRequest:[NSURLRequest requestWithURL:[NSURL fileURLWithPath:@"/Users/xiaomage/Desktop/test.pptx"]]];
// [self.webView loadData:<#(NSData *)#> MIMEType:<#(NSString *)#> textEncodingName:<#(NSString *)#> baseURL:<#(NSURL *)#>];
// [self.webView loadHTMLString:@"<html><body><div style=\\"color: red; font-size:10px; border:1px solid blue;\\">哈哈哈哈哈</div></body></html>" baseURL:nil];
self.webView.scrollView.contentInset = UIEdgeInsetsMake(20, 0, 0, 0);
}
- 实现代理方法
- (void)webViewDidFinishLoad:(UIWebView *)webView
{
NSLog(@"%s", __func__);
self.backItem.enabled = webView.canGoBack;
self.forward.enabled = webView.canGoForward;
}
- (void)webViewDidStartLoad:(UIWebView *)webView
{
NSLog(@"%s", __func__);
}
- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error
{
NSLog(@"%s", __func__);
self.backItem.enabled = webView.canGoBack;
self.forward.enabled = webView.canGoForward;
}
/**
* 每当webView即将发送一个请求之前，都会调用这个方法
* 返回YES：允许加载这个请求
* 返回NO：禁止加载这个请求
*/
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
// NSLog(@"%@", request.URL);
if ([request.URL.absoluteString containsString:@"life"]) return NO;
// JS JavaScript
return YES;
}
网友评论