基础篇:
NSURL介绍 http://blog.csdn.net/ysy441088327/article/details/7416759
网页执行js代码
复制代码
- stringByEvaluatingJavaScriptFromString
|
这个方法是让一切成为可能的关键,有了这个方法,才能对网页进行各种操作。我自己没有做过网页开发,所以对js不熟悉,只用了一些最常用的js,如果非常熟悉的话应该能做更多的事。
从网页获取URL:
复制代码
- - (NSURL*)url
- {
- NSString *urlString = [self stringByEvaluatingJavaScriptFromString:@"location.href"];
- if (urlString) {
- return [NSURL URLWithString:urlString];
- } else {
- return nil;
- }
- }
|
从网页获取标题:
复制代码
- - (NSString*)title
- {
- return [self stringByEvaluatingJavaScriptFromString:@"document.title"];
- }
|
网页的滚动位置:
复制代码
- - (CGPoint)scrollOffset {
- CGPoint pt;
- pt.x = [[self stringByEvaluatingJavaScriptFromString:@"window.pageXOffset"] integerValue];
- pt.y = [[self stringByEvaluatingJavaScriptFromString:@"window.pageYOffset"] integerValue];
- return pt;
- }
|
网站的图标Icon下载地址:
复制代码
- NSURL *url = [[NSURL alloc] initWithScheme:[web.request.URL scheme] host:[web.request.URL host] path:@"/favicon.ico"];
|
调整webView里的字体大小
http://www.cocoachina.com/bbs/read.php?tid=29707
判断网页URL是否合法(自己写的,未经过大量验证):
复制代码
- +(BOOL)isValidWebUrl:(NSURL *)url
- {
- BOOL valid = NO;
-
- if (url) {
- if (!url.scheme.length) {
- url = [NSURL URLWithString:[@"http://" stringByAppendingString:url.absoluteString]];
- }
- if (url.host.length) {
- NSString * regex = @"^([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?[ wind_phpcode_5 ]quot;;
- NSPredicate * pred = [NSPredicate predicateWithFormat:@"SELF MATCHES %@", regex];
- if ([pred evaluateWithObject:url.host]) {
- valid = YES;
- }
- }
- }
- return valid;
- }
|
判断url是否相同:
NSURL的isEqual方法不太好用。最常见的问题是http://www.google.com和http://www.google.com/会判断不同,原因是苹果在这里没有遵循RFC2616规则做网址对比,所以最好自己判断下最后的斜杠
加载本地html的css和图片:
基本上就是加载本地文件的url就可以了,但如果是有外部的css和图片等资源,记得拖资源的时候记得要选择下面的create folder references for any added folder,不要选group,这样才能获得正确的路径关系。
提高篇:
这里直接引用一个国外博客,先放着,日后再翻译
自定义网页上的长按弹出菜单:
http://www.icab.de/blog/2010/07/11/customize-the-contextual-menu-of-uiwebview/
网页内关键字搜索与高亮:
http://www.icab.de/blog/2010/01/12/search-and-highlight-text-in-uiwebview/
自动根据网页打开新标签和新窗口:
http://www.icab.de/blog/2009/07/27/webkit-on-the-iphone-part-1/
http://www.icab.de/blog/2009/08/05/webkit-on-the-iphone-part-2/
只是上面2个还不够,有些网页的_blank不是写在链接上的,而是全局都是_blank,所以再补上下面的部分才行
复制代码
- function MyIPhoneApp_isBlankInBaseElement() { var baseElements = document.getElementsByTagName('base');
- if(baseElements.length > 0){
- if(baseElements[0].getAttribute('target') == '_blank'){
- return 'yes';
- }
- }
- return 'no';
- }
|
清除UIWebVIew的内存占用和泄露:
http://www.codercowboy.com/code-uiwebview-memory-leak-prevention/
地址栏随着网页下拉移动,类似safari:
先拿到webView的scrollView,如果5.0以下就用靠循环去找了
复制代码
- -(UIScrollView *)getWebScrollView{
- UIScrollView* scroll = nil;
- if ([self respondsToSelector:@selector(scrollView)]) {
- scroll = [self scrollView];
- }else{
- for (UIView* view in [self subviews]) {
- if ([view isKindOfClass:[UIScrollView class]]) {
- scroll = (UIScrollView*)view;
- break;
- }
- }
- }
- return scroll;
- }
|
然后把设置delegate,实现scrollViewDidScroll方法
复制代码
- -(void)scrollViewDidScroll:(UIScrollView *)scrollView{
- CGPoint contentOffset = scrollView.contentOffset;
-
- CGFloat threshold = self.topBar.frame.size.height; // topBar就是webview上面的地址栏
-
- if(contentOffset.y>=-threshold &&contentOffset.y<=480 ) // 480设置得有些大了,这里是为了防止快速滑动的时候回调会跟不上,
- {
- self.topBar.frame = CGRectMake(0,-threshold-contentOffset.y, 320, self.topBar.frame.size.height);
- }
- else if(contentOffset.y<-threshold){
- self.topBar.frame = CGRectMake(0, 0, 320, self.topBar.frame.size.height);
- }
- }
|
停止和播放网页上的视频:
iPad上在网页里播放视频,即使关掉webView,依旧余音绕耳,调用下面的js可以停止播放
复制代码
- function stopVideo(){ var videos = document.querySelectorAll("video");
- for (var i = videos.length - 1; i >= 0; i--){
- videos.pause();
- };
- return 'stop';
- }
|
离线缓存网页:
http://re-reference.iteye.com/blog/1391408
网页加载进度不靠谱模拟:
一
般情况下,加载一个网页会经历should->start->finish3个阶段。仔细看UIWebViewDelegate的文档,会发
现这里的delegate针对的是每个frame,也就是说如果网页由多个frame组成的话会有多个start。那么这里的finish也会被调用多
次,所以仅靠finish是无法判断网页是否加载完全的。
事实是,加载任意网页,srart和finish/fail是配对的,也就是说有多少个
start就有多少个finish/fail。所以在start做count++,finish/fail做count-
-,为0的时候就是一个网页加载完毕了。 不过别高兴太早,加载完毕不代表网页渲染完毕,所以在最后还需要做一个延时操作,以确保网页确实显示出来了。
好了,现在网页开始和网页结束都找到了,但中间过程仍然是个谜,只能不靠谱模拟了。