一: 什么是UIWebView
UIWebView是iOS内置的浏览器控件
系统自带的Safari浏览器就是通过UIWebView实现的
UIWebView不但能加载远程的网页资源,还能加载绝大部分的常见文件例如:
html\htm、pdf、doc、ppt、txt、mp4… …
01 webView是有缺点的,会导致内存泄露,而且这个问题是它系统本身的问题。
02 手机上面的safai其实就是用webView来实现的
03 现在的开发并不完全是原生的开发,而更加倾向于原生+Html5的方式
04 webView是OC代码和html代码之间进行交互的桥梁
- UIWebView常用的加载资源的方法
- (void)loadRequest:(NSURLRequest
*)request;
二: 常用属性和方法
重新加载(刷新)
- (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;
三: 监听UIWebView的加载过程
成为UIWebView
的代理,遵守UIWebViewDelegate
协议,就能监听UIWebView
的加载过程
开始发送请求(加载数据)时调用这个方法
-(void)webViewDidStartLoad:(UIWebView *)webView;
请求完毕(加载数据完毕)时调用这个方法
-(void)webViewDidFinishLoad:(UIWebView *)webView;
请求错误时调用这个方法
- (void)webView:(UIWebView
*)webView didFailLoadWithError:(NSError
*)error;
UIWebView在发送请求之前,都会调用这个方法,如果返回NO,代表停止加载请求,返回YES,代表允许加载请求
- (BOOL)webView:(UIWebView
*)webView shouldStartLoadWithRequest:(NSURLRequest
*)request navigationType:(UIWebViewNavigationType)navigationType;
四: 什么是JavaScript
JavaScript是一门脚本语言,简称JS
JS的常见作用有: 给HTML网页添加动态功能,比如响应用户的各种操作, 操纵HTML元素,比如添加、删除、修改网页元素
- 常见的JavaScript函数
alert(10); 弹框
document.getElementById(‘test’); 根据ID获得某个DOM元素
五: OC中调用JavaScipt
如何在OC中调用JavaScript代码
使用UIWebView
的stringByEvaluatingJavaScriptFromString
方法即可
六: 代码相关
#######6.1 网页操控相关方法
[self.webView goBack]; 回退
[self.webView goForward]; 前进
[self.webView reload]; 刷新
#######6.2 设置是否能够前进和回退
self.goBackBtn.enabled = webView.canGoBack;
self.fowardBtn.enabled = webView.canGoForward;
#######6.3 常用的属性设置
- 设置网页自动适应
self.webView.scalesPageToFit = YES;
- 设置检测网页中的格式类型,all表示检测所有类型包括超链接、电话号码、地址等。
self.webView.dataDetectorTypes = UIDataDetectorTypeAll;
- 可滚动范围
self.webView.scrollView.contentInset = UIEdgeInsetsMake(50, 0, 0, 0);
#######6.4 相关代理方法
- 每当将加载请求的时候调用该方法,返回YES 表示加载该请求,返回NO 表示不加载该请求, 可以在该方法中拦截请求.
-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
return ![request.URL.absoluteString containsString:@"dushu"];
}
- 开始加载网页,不仅监听我们指定的请求,还会监听内部发送的请求
-(void)webViewDidStartLoad:(UIWebView *)webView
- 网页加载完毕之后会调用该方法
-(void)webViewDidFinishLoad:(UIWebView *)webView
- 网页加载失败调用该方法
-(void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error
#######6.5 加载本地资源
NSURL *url = [[NSBundle mainBundle] URLForResource:@"text.html" withExtension:nil];
[self.webView loadRequest:[NSURLRequest requestWithURL:url]];
七: HTML/CSS/JS
- 1.Html决定网页的内容,css决定网页的样式,js决定网页的事件
- 2.html学习网站:http://www.w3school.com.cn
八: OC和JS代码的互调
#######8.1 OC调用JS的代码
NSString *str = [self.webView stringByEvaluatingJavaScriptFromString:@"sum()"];
#######8.2 JS怎么调用OC的说明
1, 新的需求:点击按钮的时候拨打电话
但是我在点击按钮的时候,用户是不知道的,我们怎么能够知道用户点击了网页上面的一个按钮,只能通过一个技巧,那就是自己搞一个特定的协议头比如说zxz:当我拦截到你的网络请求的时候,只需要判断一下当前的协议头是不是这个就能判断你现在是否是JS调用。2, OC里面有通过字符串生成SEL类型的方法,所以当拿到数据之后做下面的事情
1)截取方法的名称
2)将截取出来的字符串转换为SEL
3)利用performSelect方法来调用SEL3, 涉及到的相关方法
判断字符串是否以一个固定的字符开头,这里为A
[@"abc"hasPrefix:@"A"]
截串操作
- (NSString
*)substringFromIndex:(NSUInteger)from;
切割字符串,返回一个数组
- (NSArray<NSString
*> *)componentsSeparatedByString:(NSString *)separator;
替换操作
- (NSString
*)stringByReplacingOccurrencesOfString:(NSString *)target withString:(NSString
*)replacement
把string包装成SEL
SEL selector = NSSelectorFromString(sel);
#######8.3 如何屏蔽警告
#pragma clang diagnostic push
#pragma clang diagnostic ignored "-Warc-performSelector-leaks"
-Warc-performSelector-leaks为唯一的警告标识,这里面的代码可以去除警告
[self performSelector:selector withObject:nil];
#pragma clang diagnostic pop