UIWebView学习笔记。关于AFNetworking的缓存机制。

UIWebView学习笔记

前几乎龙发对象咨询到有关AFNetworking的缓存策略,当时纪念了想,自己出某些之接头,但是未知晓该怎么对,毕竟平时隔三差五听到的应当还是关于SDWebImage的部分行事原理,对于AFNetworking的钻研不死,后来重新网上搜了一下,关于该缓存的政策介绍的文章为非多,后来于墙外搜了部分材料,在斯整治如下,供大家参考:

1. iOS 禁所以webView加载网页的丰富准出现’拷贝’事件

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

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

2. iOS webView长按图,不出现’拷贝’(iOS9默认就是是这种效果)

AFNetworking实际上采取了有限独独立的缓存机制:AFImagecache和NSURLCache.

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';
    }
}

AFImagecache:一个资图片内存缓存的类似,继承自NSCache。

2.2 注入JS

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

NSURLCache:NSURLConnection’s默认的URL缓存机制,用于存储NSURLResponse对象:一个默认缓存在内存,通过部署好缓存到磁盘的近乎。

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;
}

1.AFImagecache

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是UIImageView+AFNetworking分类的如出一辙部分。它延续自NSCache,通过一个URL字符串作为它们的key(从NSURLRequest中得到)来存储UIImage对象。

5. webView注入JS代码

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

AFImagecache定义:

6. webView执行JS代码

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

澳门1495娱乐 1

7. webView中的图样点击事件

AFImageCache 从 AFNetworking
2.1始好进行布置了。有一个公艺术setSharedImageCache。详细文档可以关押这里
。它把具有可看的UIImage对象存到了NSCache。当UIImage对象释放后NSCache会进行处理。如果您想观察images什么时候释放,可以兑现NSCacheDelegate的cache:willEvictObject方法

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;
}

2.NSURLCache

7.2 注入JS

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

既然AFNetworking使用NSURLConnection,它应用了原生的缓存机制NSURLCache。NSURLCache缓存了从服务器返回的NSURLResponse对象。

7.3 webView请求回调里,执行JS

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

NSURLCache的shareCache方法默认是可以采取的,缓存获取之始末。不幸的凡,它的默认配置才是苏存在内存并从未写到硬盘。为了缓解是题材,你可以声明一个
sharedCache,像这样:

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;
}

澳门1495娱乐 2

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

如此,我们声明了一个2M内存,100M磁盘空间的NSURLCache。

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];

针对NSURLRequest对象设置缓存策略

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");
    }
}

NSURLCache对每个NSURLRequest对象都见面信守缓存策略(NSURLRequestCachePolicy)。策略定义如下:

9. webView缓存

NSURLRequestUseProtocolCachePolicy:指定定义在商事落实里之缓存逻辑给用来URL请求。这是URL请求的默认策略

9.1 缓存的含义

  1. webView一般是加载UI比较复杂绚丽、可易、iOS原生控件不易于实现之界面,所以网页的因素一般还蛮复杂,对地处GPRS环境下的用户而言,流量是个要命题材,所以待缓存!
  2. 当用户处于断网状态下经常,为了避免用户进入空白页面,应该将上次已加载了的页面呈现为用户!
  3. webView的呼吁一般还是GET,POST请求一般是发大量数据让服务器处理(变动性比较深),因此一般不过针对GET请求进行缓存,而非对准POST请求进行缓存。

NSURLRequestReloadIgnoringLocalCacheData:忽略本地缓存,从源加载

9.2 为什么可以展开缓存?

  • NSURLCache在每个UIWebView的底NSURLRequest请求被还见面吃调用。
  • iOS 5之前:只支持外存缓存;从iOS 5开始:同时支持外存缓存和硬盘缓存。

NSURLRequestReloadIgnoringLocalAndRemoteCacheData:忽略本地&服务器缓存,从源加载

9.3 怎么好缓存?

  • iOS设备上NSURLCache默认只能进展内存缓存。可以经过子类化NSURLCache来实现从定义的本用实现以DISK上缓存内容。
  • 亟需重写cachedResponseForRequest,这个会当恳求发送前会见让调用,从中我们得以看清是否针对这个NSURLRequest返回本地数据。
  • 设地方没有缓存就调用下面就长长的告词:return [super cachedResponseForRequest:request];

NSURLRequestReturnCacheDataElseLoad:先由缓存加载,如果没有缓存,从源加载

9.4 NSURLCache常用艺术

  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;

NSURLRequestReturnCacheDataDontLoad离线模式,加载缓存数据(无论是否过),不打源加载

9.5 设置NSURLRequest缓存策略

  • NSURLRequestUseProtocolCachePolicy // 默认的缓存策略(取决于情商)
  • NSURLRequestReloadIgnoringLocalCacheData // 忽略缓存,重新请
  • NSURLRequestReloadIgnoringLocalAndRemoteCacheData // 未实现
  • NSURLRequestReloadIgnoringCacheData =
    NSURLRequestReloadIgnoringLocalCacheData // 忽略缓存,重新请
  • NSURLRequestReturnCacheDataElseLoad //
    有缓存就就此缓存,没有缓存就更请
  • NSURLRequestReturnCacheDataDontLoad //
    有缓存就因故缓存,没有缓存就不作请求,当做请求出错处理(用于离线模式)
  • NSURLRequestReloadRevalidatingCacheData // 未实现

NSURLRequestReloadRevalidatingCacheData存在的缓存数据先确认中,无效的说话从源加载

3.关于网络中之多少缓存

如出一辙、关于与一个URL的高频请

偶然,对同一个URL请求多次,返回的数目或者还是平等的,比如服务器上之某张图片,无论下载多少坏,返回的多少都是千篇一律的。

澳门1495娱乐 3

点的情形会导致以下问题

(1)用户流量的浪费

(2)程序响应速度不够快

化解点的问题,一般考虑对数据进行缓存。

二、缓存

以加强程序的响应速度,可以设想采取缓存(内存缓存\硬盘缓存)

澳门1495娱乐 4

先是不行呼吁数据常常,内存缓存中从未数,硬盘缓存中并未多少。

缓存数据的经过

澳门1495娱乐 5

当服务器返回数据时,需要做以下步骤

(1)使用服务器的多寡(比如解析、显示)

(2)将服务器的数量缓存到硬盘(沙盒)

此刻缓存的情事是:内存缓存着有数量,硬盘缓存中来多少。

复呼吁数据分为两种植状态:

(1)如果程序并从未受关,一直在运作

那这内存缓存着生多少,硬盘缓存中起数据。如果此刻还要数据,直接以外存缓存着之多少即可

(2)如果程序还开动

这就是说此时内存缓存已经熄灭,没有数据,硬盘缓存还存在,还生数量。如果此刻还要数据,需要读取内存中缓存的数量。

提醒:从硬盘缓存中读取数据后,内存缓存中同时生数量了

其三、缓存的实现

1.说明:

鉴于GET请求一般用来查询数据,POST请求一般是发大量数据给服务器处理(变动性比较异常)

从而一般只针对GET请求进行缓存,而无对准POST请求进行缓存

以iOS中,可以使用NSURLCache类缓存数据

iOS 5之前:只支持外存缓存。从iOS 5澳门1495娱乐开始:同时支持外存缓存和硬盘缓存

2.NSURLCache

iOS中得缓存技术应用了NSURLCache类。

缓存原理:一个NSURLRequest对诺一个NSCachedURLResponse

缓存技术:把缓存的数额还保存到数据库中。

3.NSURLCache之周边用法

(1)获得全局缓存对象(没必要手动创建)NSURLCache *cache = [NSURLCache
sharedURLCache];

(2)设置内存缓存的不过可怜容量(字节为单位,默认为512KB)-
(void)setMemoryCapacity:(NSUInteger)memoryCapacity;

(3)设置硬盘缓存的最为特别容量(字节为单位,默认为10M)-
(void)setDiskCapacity:(NSUInteger)diskCapacity;

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

(5)取得某个请求的缓存- (NSCachedURLResponse
*)cachedResponseForRequest:(NSURLRequest *)request;

(6)清除某个请求的缓存-
(void)removeCachedResponseForRequest:(NSURLRequest *)request;

(7)清除所有的缓存- (void)removeAllCachedResponses;

4.缓存GET请求

若是惦记对有GET请求进行数据缓存,非常简单

NSMutableURLRequest *request = [NSMutableURLRequest
requestWithURL:url];

// 设置缓存策略

request.cachePolicy = NSURLRequestReturnCacheDataElseLoad;

万一设置了缓存策略,系统会自动利用NSURLCache进行数量缓存

5.iOS对NSURLRequest提供了7栽缓存策略:(实际上能因此的只是发4种)

NSURLRequestUseProtocolCachePolicy // 默认的苏存策略(取决于情商)

NSURLRequestReloadIgnoringLocalCacheData // 忽略缓存,重新请

NSURLRequestReloadIgnoringLocalAndRemoteCacheData // 未实现

NSURLRequestReloadIgnoringCacheData =
NSURLRequestReloadIgnoringLocalCacheData // 忽略缓存,重新请

NSURLRequestReturnCacheDataElseLoad// 有缓存就就此缓存,没有缓存就又请

NSURLRequestReturnCacheDataDontLoad//
有缓存就用缓存,没有缓存就非作请求,当做请求出错处理(用于离线模式)

NSURLRequestReloadRevalidatingCacheData // 未实现

6.缓存的注意事项

缓存的设置需要依据现实的情状考虑,如果要某个URL的归数据:

(1)经常更新:不可知用缓存!比如股票、彩票数据

(2)一变为不变换:果断用缓存

(3)偶尔更新:可以定期更改缓存策略 或者 清除缓存

提示:如果大气利用缓存,会更加积愈充分,建议定期清除缓存

简而言之示例:

澳门1495娱乐 6

原文地址:http://blog.originate.com/blog/2014/02/20/afimagecache-vs-nsurlcache/

相关文章