UIWebView学习笔记

9.1 缓存的意思

  1. webView经常是加载UI比较复杂亮丽、可变、iOS原生控件不轻松实现的分界面,所以网页的因素日常都很复杂,对地处GPKoleosS景况下的顾客来说,流量是个大主题材料,所以供给缓存!
  2. 当客户处于断网状态下时,为了制止客商走入空白页面,应该把上次早就加载过的页面展现给客商!
  3. webView的央求日常都是GET,POST恳求日常是发大批量数据给服务器管理(变动性相当大),因而经常只对GET伏乞进行缓存,而不对POST诉求举办缓存。

NSU凯雷德LRequestReloadIgnoringLocalCacheData // 忽视缓存,重新哀告

8.2 管理点击UIWebView上边的图片

#pragma mark - 处理点击UIWebView上面的图片
- (BOOL)handleWebViewClickImageWithUrl:(NSString *)url{
    NSString *requestString = url;
    NSArray *components = [requestString componentsSeparatedByString:@":"];
    if ([components count] > 1 && [(NSString *)[components objectAtIndex:0]
                                   isEqualToString:@"myweb"]) {
        if([(NSString *)[components objectAtIndex:1] isEqualToString:@"touch"]) {
            //NSLog(@"you are touching!");
            //NSTimeInterval delaytime = Delaytime;
            if ([(NSString *)[components objectAtIndex:2] isEqualToString:@"start"]) {
                /*
                 @需延时判断是否响应页面内的js...
                 */
                _gesState = GESTURE_STATE_START;
                NSLog(@"touch start!");
                float ptX = [[components objectAtIndex:3]floatValue];
                float ptY = [[components objectAtIndex:4]floatValue];
                NSLog(@"touch point (%f, %f)", ptX, ptY);
                NSString *js = [NSString stringWithFormat:@"document.elementFromPoint(%f, %f).tagName", ptX, ptY];
                NSString *tagName = [self.webView stringByEvaluatingJavaScriptFromString:js];
                _imgURL = nil;
                if ([tagName isEqualToString:@"IMG"]) {
                    _imgURL = [NSString stringWithFormat:@"document.elementFromPoint(%f, %f).src", ptX, ptY];
                }
                if (_imgURL) {
                    _timer = [NSTimer scheduledTimerWithTimeInterval:1 target:self selector:@selector(handleLongTouch) userInfo:nil repeats:NO];
                }
            }
            else if ([(NSString *)[components objectAtIndex:2] isEqualToString:@"move"])
            {
                //**如果touch动作是滑动,则取消hanleLongTouch动作**//
                _gesState = GESTURE_STATE_MOVE;
                NSLog(@"you are move");
            }
            else if ([(NSString *)[components objectAtIndex:2]isEqualToString:@"end"]) {
                [_timer invalidate];
                _timer = nil;
                _gesState = GESTURE_STATE_END;
                NSLog(@"touch end");
            }
        }
        return NO;
    }
    return YES;
}
// 处理长按事件
- (void)handleLongTouch {
    NSLog(@"%@", _imgURL);
    if (_imgURL && _gesState == GESTURE_STATE_START) {
        UIActionSheet *sheet = [[UIActionSheet alloc] initWithTitle:nil delegate:self cancelButtonTitle:@"取消" destructiveButtonTitle:nil otherButtonTitles:@"保存图片", nil];
        sheet.cancelButtonIndex = sheet.numberOfButtons - 1;
        [sheet showInView:[UIApplication sharedApplication].keyWindow];
    }
}
// 弹出对话框
- (void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex {
    if (actionSheet.numberOfButtons - 1 == buttonIndex) return;
    NSString *title = [actionSheet buttonTitleAtIndex:buttonIndex];
    if ([title isEqualToString:@"保存图片"]) {
        if (_imgURL) {
            NSLog(@"imgurl = %@", _imgURL);
        }
        NSString *urlToSave = [self.webView stringByEvaluatingJavaScriptFromString:_imgURL];
        NSLog(@"image url=%@", urlToSave);
        NSData *data = [NSData dataWithContentsOfURL:[NSURL URLWithString:urlToSave]];
        UIImage *image = [UIImage imageWithData:data];
        UIImageWriteToSavedPhotosAlbum(image, self, @selector(image:didFinishSavingWithError:contextInfo:), nil);
    }
}
// 回调
- (void)image:(UIImage *)image didFinishSavingWithError:(NSError *)error contextInfo:(void *)contextInfo {
    if (error) {
        NSLog(@"Error");
    } else {
        NSLog(@"OK");
    }
}

图片 1

2.2 注入JS

[self.webView stringByEvaluatingJavaScriptFromString:[NSString stringWithContentsOfURL:[[NSBundle mainBundle] URLForResource:@"acepack_details" withExtension:@"js"] encoding:NSUTF8StringEncoding error:nil]];

只要设置了缓存计谋,系统会自动利用NSU昂CoraLCache举办多少缓存

7.2 注入JS

[self.webView stringByEvaluatingJavaScriptFromString:[NSString stringWithContentsOfURL:[[NSBundle mainBundle] URLForResource:@"acepack_details" withExtension:@"js"] encoding:NSUTF8StringEncoding error:nil]];

图片 2

9.3 如何做到缓存?

  • iOS设备上NSURubiconLCache默许只好实行内部存款和储蓄器缓存。能够由此子类化NSU大切诺基LCache来完成自定义的版本从而完成在DISK上缓存内容。
  • 亟待重写cachedResponseForRequest,这一个会在伸手发送前会被调用,从当中大家得以推断是或不是针对此NSU纳瓦拉LRequest重返本地数据。
  • 一旦本地未有缓存就调用下边那条语句:return [super cachedResponseForRequest:request];

NSUENCORELRequestReloadIgnoringLocalCacheData:忽视本地缓存,从源加载

UIWebView学习笔记

NSU昂CoraLCache的shareCache方法默许是能够动用的,缓存获取的内容。不幸的是,它的暗中同意配置只是缓存在内部存款和储蓄器并未写到硬盘。为了消除这一个标题,你能够声可瑞康(Karicare)个 sharedCache,像这么:

8. 长按webView上的图片,保存

NSU凯雷德LRequestReturnCacheDataDontLoad// 有缓存就用缓存,未有缓存就不发乞请,充任诉求出错管理(用于离线方式)

9.5 设置NSUOdysseyLRequest缓存攻略

  • NSUOdysseyLRequestUseProtocolCachePolicy // 默许的缓存攻略(决计于情商)
  • NSUMuranoLRequestReloadIgnoringLocalCacheData // 忽视缓存,重新央求
  • NSURLRequestReloadIgnoringLocalAndRemoteCacheData // 未实现
  • NSU景逸SUVLRequestReloadIgnoringCacheData = NSU昂CoraLRequestReloadIgnoringLocalCacheData // 忽视缓存,重新央浼
  • NSUTiggoLRequestReturnCacheDataElseLoad // 有缓存就用缓存,未有缓存就再也央浼
  • NSU奥迪Q3LRequestReturnCacheDataDontLoad // 有缓存就用缓存,未有缓存就不发央浼,当作央求出错管理(用于离线形式)
  • NSURLRequestReloadRevalidatingCacheData // 未实现

AFNetworking实际上利用了多个单身的缓存机制:AFImagecache和NSU帕杰罗LCache.

9.4 NSULacrosseLCache常用艺术

  1. 大局缓存对象
NSURLCache *cache = [NSURLCache sharedURLCache]; 
  1. 设置内部存款和储蓄器缓存的最大容积(字节为单位,默感到512KB)
-(void)setMemoryCapacity:(NSUInteger)memoryCapacity;
  1. 安装硬盘缓存的最大体量(字节为单位,默感到10M)
-(void)setDiskCapacity:(NSUInteger)diskCapacity;
  1. 得到有些伏乞的缓存
-(NSCachedURLResponse *)cachedResponseForRequest:(NSURLRequest *)request; ```
5. 清除某个请求的缓存
``` objc
-(void)removeCachedResponseForRequest:(NSURLRequest *)request;
  1. 扫除全数的缓存
-(void)removeAllCachedResponses;

1.AFImagecache

1. iOS 禁止使用webView加载网页的长按出现'拷贝'事件

- (void)webViewDidFinishLoad:(UIWebView *)webView {
    [self.webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.style.webkitUserSelect='none';"];
    [self.webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.style.webkitTouchCallout='none';"];
}

NSUCR-VLRequestUseProtocolCachePolicy // 暗中同意的缓存计谋(决定于情商)

7. webView中的图片点击事件

当服务器重回数据时,要求做以下步骤

9. webView缓存

那儿缓存的景色是:内部存款和储蓄器缓存中有数据,硬盘缓存中有数量。

6. webView执行JS代码

// 调用JS里的setImageClickFunction()函数
[self.webView stringByEvaluatingJavaScriptFromString:@"setImageClickFunction()"];

4.缓存GET请求

3. webView作为tableView的tableHeaderView

  • 在webView的回调方法里,应当要重复设置tableView的tableHeaderView,不然会现出意料之外的难题。
-(void)webViewDidFinishLoad:(UIWebView *)webView {
    // 获取到webview的高度
    CGFloat height = [[self.webView stringByEvaluatingJavaScriptFromString:@"document.body.scrollHeight"] floatValue];
    self.webView.frame = CGRectMake(self.webView.frame.origin.x, self.webView.frame.origin.y, ScreenWidth, height);
    // 一定要重新设置tableView的tableHeaderView,否则会出现意想不到的问题。
    [self tableView].tableHeaderView = self.webView;
}

3.关于互连网中的数据缓存

7.4 拦截伏乞,管理图片的单击事件

-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)_request navigationType:(UIWebViewNavigationType)navigationType {
    NSString *requestString = [[_request URL] absoluteString];
    NSString *prefix = @"clickimage:";
    if ([requestString hasPrefix:prefix]) {
        DDLogVerbose(@"%@", requestString);
        NSUInteger index = 0;
        NSRange range = [requestString rangeOfString:prefix];
        if (range.location != NSNotFound) {
            NSString *tmpSrc = [requestString substringFromIndex:(range.location + range.length)];
            index = [self.imgSrcArrayM indexOfObject:tmpSrc];
        }
        // 显示图片浏览器
        [self networkImageShow:index];
    }
    return YES;
}

出于GET央求平时用来询问数据,POST央浼平日是发多量数据给服务器管理(变动性十分大)

9.2 为什么能够扩充缓存?

  • NSU昂科雷LCache在每种UIWebView的的NSU昂科威LRequest央浼中都会被调用。
  • iOS 5从前:只协理内部存款和储蓄器缓存;从iOS 5开首:同偶尔候补助内部存款和储蓄器缓存和硬盘缓存。

NSULX570LRequestReturnCacheDataElseLoad:先从缓存加载,若无缓存,从源加载

4. 替换webView中的img标签的图片

  • 行使场景
    • 获得页面中负有图片,图片浏览器
    • 非WIFI景况下,加载本地图片
- (NSString *)replaceImageUrl:(NSString *) content {
    // 匹配<img>标签
    NSString *urlPattern = @"<img[^>]+?src=["']?([^>'"]+)["']?";
    NSError *error = [NSError new];
    NSString *tmp = content;
    NSRegularExpression *regex = [NSRegularExpression regularExpressionWithPattern:urlPattern options:NSRegularExpressionCaseInsensitive error:&error ];
    // match 这块内容非常强大
    NSUInteger count =[regex numberOfMatchesInString:content options:NSRegularExpressionCaseInsensitive range:NSMakeRange(0, [content length])];// 匹配到的次数
    UIImage *img = [UIImage imageNamed:@"icon_app"];
    // 用网络图片替换webView上显示的图片
    NSString *tmpStr = @"https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/logo_white_fe6da1ec.png";
    // 用本地图片替换webView上显示的图片
    tmpStr = [self htmlForJPGImage:img];
    if(count > 0) {
        NSArray* matches = [regex matchesInString:content options:NSMatchingReportCompletion range:NSMakeRange(0, [content length])];
        for (NSTextCheckingResult *match in matches) {
            NSInteger count = [match numberOfRanges]; // 匹配项
            for(NSInteger index = 0;index < count;index++){
                NSRange halfRange = [match rangeAtIndex:index];
                if (index == 1) {
                    // 图片的src属性值
                    NSString *urlStr = [content substringWithRange:halfRange];
                    NSLog(@"=%@=",urlStr);
                    // 保存图片URL
                    [self.imgSrcArrayM addObject:[content substringWithRange:halfRange]];
                    // 替换src属性值
                    tmp = [tmp stringByReplacingOccurrencesOfString:urlStr withString: tmpStr];
                }
            }
        }
    }
    return tmp;
}

// 编码图片
- (NSString *)htmlForJPGImage:(UIImage *)image {
    NSData *imageData = UIImageJPEGRepresentation(image,1.0);
    NSString *imageSource = [NSString stringWithFormat:@"data:image/jpg;base64,%@",[imageData base64Encoding]];
    return imageSource;
}

AFImagecache定义:

8.1 注入JS

static NSString* const kTouchJavaScriptString=
@"document.ontouchstart=function(event){
x=event.targetTouches[0].clientX;
y=event.targetTouches[0].clientY;
document.location="myweb:touch:start:"+x+":"+y;};
document.ontouchmove=function(event){
x=event.targetTouches[0].clientX;
y=event.targetTouches[0].clientY;
document.location="myweb:touch:move:"+x+":"+y;};
document.ontouchcancel=function(event){
document.location="myweb:touch:cancel";};
document.ontouchend=function(event){
document.location="myweb:touch:end";};";
[self.webView stringByEvaluatingJavaScriptFromString:kTouchJavaScriptString];

(3)有的时候更新:能够按期退换缓存计谋 或然 清除缓存

2. iOS webView长按图片,不出新'拷贝'(iOS9暗中认可正是这种功用)

NSURLRequestReloadIgnoringLocalAndRemoteCacheData // 未实现

7.3 webView要求回调里,执行JS

// 调用JS里的setImageClickFunction()函数
[self.webView stringByEvaluatingJavaScriptFromString:@"setImageClickFunction()"];

(3)设置硬盘缓存的最大容积(字节为单位,私下认可为10M)- (void)setDiskCapacity:(NSUInteger)diskCapacity;

7.1 准备好JS文件

// js文件,如:acepack_details.js
function setImageClickFunction(){
    // 取出所有的img标签
    var imgs = document.getElementsByTagName("img");
    for (var i=0;i<imgs.length;i++){
        var src = imgs[i].src;
        // 绑定事件
        imgs[i].setAttribute("onClick","clickme(src)");
    }
}

function clickme(imagesrc){
    var url="ClickImage:"+imagesrc;
    document.location = url;
}

3.NSUWranglerLCache的大范围用法

5. webView注入JS代码

[self.webView stringByEvaluatingJavaScriptFromString:[NSString stringWithContentsOfURL:[[NSBundle mainBundle] URLForResource:@"acepack_details" withExtension:@"js"] encoding:NSUTF8StringEncoding error:nil]];

NSURLRequestReloadRevalidatingCacheData // 未实现

2.1 准备好JS文件

// js文件,如:acepack_details.js
function setImageClickFunction(){
    var imgs = document.getElementsByTagName("img");
    for (var i=0;i<imgs.length;i++){
        imgs[i].style.webkitUserSelect='none';
    }
}

NSURLRequestUseProtocolCachePolicy:钦点定义在契约落到实处里的缓存逻辑被用来UEscortL须求。那是UKugaL央浼的暗中认可战略

NSU奔驰M级LRequestReturnCacheDataDontLoad离线形式,加载缓存数据(无论是不是过期),不从源加载

那正是说此时内部存款和储蓄器缓存中有数据,硬盘缓存中有数量。要是此时重新呼吁数据,直接动用内部存款和储蓄器缓存中的数据即可

NSU汉兰达LRequestReloadRevalidatingCacheData存在的缓存数据先确认有效性,无效的话从源加载

2.NSURLCache

NSUSportageLRequestReloadIgnoringCacheData = NSUPAJEROLRequestReloadIgnoringLocalCacheData // 忽视缓存,重新央求

要想对有个别GET需要实行数量缓存,特别轻便

NSUPAJEROLRequestReloadIgnoringLocalAndRemoteCacheData:忽视本地&服务器缓存,从源加载

(2)如果程序重新起动

// 设置缓存计谋

那正是说此时内部存款和储蓄器缓存已经一去不返,未有数据,硬盘缓存仍旧存在,还会有数量。若是那时候再一次呼吁数据,必要读取内部存款和储蓄器中缓存的数目。

iOS 5在此之前:只援救内部存款和储蓄器缓存。从iOS 5开始:同时支持内部存储器缓存和硬盘缓存

NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:url];

NSURLCache:NSUOdysseyLConnection's暗中同意的U卡宴L缓存机制,用于存款和储蓄NSU奥迪Q5LResponse对象:三个暗许缓存在内部存储器,通过安插能够缓存到磁盘的类。

缓存数据的经过

AFImageCache 从 AFNetworking 2.1始发能够开展配置了。有贰个集体措施setSharedImageCache。详细文书档案能够看这里 。它把具备可访谈的UIImage对象存到了NSCache。当UIImage对象释放之后NSCache会举行管理。借使你想观察images哪天释放,能够兑现NSCacheDelegate的cache:willEvictObject方法

NSU揽胜LCache对各种NSU大切诺基LRequest对象都会服从缓存计策(NSUENCORELRequestCachePolicy)。计谋定义如下:

对NSUMuranoLRequest对象设置缓存攻略

(1)使用服务器的数目(举个例子分析、展现)

(2)设置内部存储器缓存的最大体量(字节为单位,默以为512KB)- (void)setMemoryCapacity:(NSUInteger)memoryCapacity;

图片 3

首先次呼吁数据时,内部存储器缓存中并未有数量,硬盘缓存中尚无多少。

既然AFNetworking使用NSUQashqaiLConnection,它应用了原生的缓存机制NSU奥迪Q7LCache。NSU哈弗LCache缓存了从服务器重临的NSUOdysseyLResponse对象。

初稿地址:

(2)将服务器的多寡缓存到硬盘(沙盒)

有的时候,对同一个U传祺L央求多次,重返的数据只怕都是一律的,譬如服务器上的某张图片,无论下载多少次,再次来到的数额都以平等的。

2.NSURLCache

AFImagecache:四个提供图片内部存款和储蓄器缓存的类,承接自NSCache。

(7)清除全部的缓存- (void)removeAllCachedResponses;

那般,我们评释了二个2M内部存储器,100M磁盘空间的NSULX570LCache。

二、缓存

iOS中得缓存技巧利用了NSU奥迪Q7LCache类。

晋升:从硬盘缓存中读取数据后,内部存款和储蓄器缓存中又有数量了

之所以日常只对GET央浼进行缓存,而不对POST诉求进行缓存

上边的情形会变成以下难点

(6)清除有些诉求的缓存- (void)removeCachedResponseForRequest:(NSU奥迪Q5LRequest *)request;

解决地点的标题,平日考虑对数码进行缓存。

(2)程序响应速度远远不足快

(5)猎取有个别伏乞的缓存- (NSCachedU大切诺基LResponse *)cachedResponseForRequest:(NSURLRequest *)request;

缓存技能:把缓存的数据都保留到数据库中。

缓存原理:三个NSU牧马人LRequest对应二个NSCachedU凯雷德LResponse

图片 4

轻巧示例:

(1)获得全局缓存对象(没供给手动成立)NSULacrosseLCache *cache = [NSURLCache sharedURLCache];

6.缓存的注意事项

NSU途乐LRequestReturnCacheDataElseLoad// 有缓存就用缓存,未有缓存就重新伏乞

(4)硬盘缓存的任务:沙盒/Library/Caches

图片 5

(2)江河行地:果决用缓存

再也伸手数据分为二种状态:

三、缓存的实现

前日有朋友问到关于AFNetworking的缓存攻略,那时想了想,自个儿有几许的掌握,可是不精通该怎么回复,毕竟经平时听到的应有都以有关SDWebImage的部分办事原理,对于AFNetworking的钻研不深,后来再网络搜了一下,关于其缓存的政策介绍的篇章也相当的少,后来在墙外搜了一些素材,在此整治如下,供我们参谋:

缓存的设置须要根据实际的图景思虑,假设乞请有个别UTiguanL的回到数据:

AFImageCache是UIImageView+AFNetworking分类的一局地。它三回九转自NSCache,通过八个U牧马人L字符串作为它的key(从NSU路虎极光LRequest中获得)来存款和储蓄UIImage对象。

一、关于同二个UEvoqueL的反复哀求

图片 6

5.iOS对NSUWranglerLRequest提供了7种缓存计策:(实际上能用的只有4种)

(1)客商流量的疏弃

How Does Caching Work in AFNetworking? : AFImageCache & NSUrlCache Explained

在iOS中,能够应用NSU奥迪Q7LCache类缓存数据

request.cachePolicy = NSURLRequestReturnCacheDataElseLoad;

(1)日常更新:不可能用缓存!比方股票(stock)、彩票的数量据

(1)假使程序并从未被关门,平昔在运行

1.说明:

为了坚实程序的响应速度,能够虚拟选取缓存(内部存款和储蓄器缓存硬盘缓存)

晋升:假诺大气利用缓存,会越积越大,提议定时清除缓存

本文由88必发唯一官网必发布于服务器&运维,转载请注明出处:UIWebView学习笔记

相关阅读