利用CMHTMLView实现webview基础功能，同时获取点击图片链接的功能

转载自：http://lipengxuan.easymorse.com/?p=552

mureev工程师编写了个实用的小工具，可以优化UIWebview的使用，最实用的地方是可以点击里面的img标签获取图片的src地址，这样可以做相应处理来很好的衔接html与iOS的交互，代码和例子在这个地址https://github.com/mureev/CMHTMLView 这里描述了简单的CMHTMLView使用方法，实现本地html页面的展示和点击图片获取src的效果。

首先将下载的项目里的CMHTMLView.h和CMHTMLView.m文件拷贝到自己的项目里，可以理解为这个类就要代替Webview了…

然后在需要添加网页的地方加上这段代码:

- (void)viewDidLoad

{

[super viewDidLoad];

CMHTMLView* htmlView = [[[CMHTMLView alloc] initWithFrame:CGRectMake(0, 50, self.view.frame.size.width, self.view.frame.size.height-100)] autorelease];

htmlView.backgroundColor = [UIColor whiteColor];

htmlView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;

NSString* filePath = [[NSBundle mainBundle] pathForResource:@”detail” ofType:@”html”];  //引入html文件

NSData* htmlData = [NSData dataWithContentsOfFile:filePath];

NSString* htmlString = [[[NSString alloc] initWithData:htmlData encoding:NSUTF8StringEncoding] autorelease];

htmlView.alpha = 0;

//url的点击事件，获取url

htmlView.urlClick = ^(NSString* url) {

UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@”URL Click” message:url delegate:nil cancelButtonTitle:@”Close” otherButtonTitles:nil];

[alert show];

[alert release];

};

//图片的点击事件，获取src

htmlView.imageClick = ^(NSString* url) {

UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@”Image Click” message:url delegate:nil cancelButtonTitle:@”Close” otherButtonTitles:nil];

[alert show];

[alert release];

};

[htmlView loadHtmlBody:htmlString competition:^(NSError *error) {

if (!error) {

[UIView animateWithDuration:0.2 animations:^{

htmlView.alpha = 1;

}];

}

}];

[self.view addSubview:htmlView];

}

 然后编译运行就可以了。

至于图片点击是怎么实现的呢？

这个类让html里面的img标签监听click事件，并把src传给window.location

        // Add onClcik js – window.location=”;

self.jsCode = [self.jsCode stringByAppendingFormat:@"document.getElementById('%@').addEventListener('click', function(event) {window.location='%@://imageclick?%@';}, false);", hash, kNativeShame, hash];

这么做的效果相当于打开一个web窗口链接就是src，但是在代理方法里面截取了这个地址，不打开新窗口，下面是代理方法：

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

NSURL* url = [request URL];

if ([[url scheme] isEqualToString:kNativeShame]) {

if ([[url host] isEqualToString:@”imageclick”]) {

if (self.imageClick) {

self.imageClick([self.imgURLforHash objectForKey:[url query]]);

}

}

} else {

if ([[url absoluteString] isEqualToString:@”about:blank”]) {

return YES;

} else if ([[url host] isEqualToString:@”www.youtube.com”]) {

return YES;

} else if (navigationType == UIWebViewNavigationTypeLinkClicked) {

if (self.urlClick) {

self.urlClick([url absoluteString]);

}

} else if (navigationType == UIWebViewNavigationTypeOther) {

NSLog(@”Deny load url from UIWebView – %@”, [url absoluteString]);

return NO;

}

}

return NO;

}