UIWebView---注意事項

原帖地址:http://www.cocoachina.com/bbs/read.php?tid=123113


基礎篇:

NSURL介紹 http://blog.csdn.net/ysy441088327/article/details/7416759

網頁執行js代碼

1  stringByEvaluatingJavaScriptFromString

這個方法是讓一切成爲可能的關鍵,有了這個方法,才能對網頁進行各種操作。我自己沒有做過網頁開發,所以對js不熟悉,只用了一些最常用的js,如果非常熟悉的話應該能做更多的事。

從網頁獲取URL:

1    - (NSURL*)url
2    {
3        NSString *urlString = [self stringByEvaluatingJavaScriptFromString:@"location.href"];
4        if (urlString) {
5            return [NSURL URLWithString:urlString];
6        } else {
7            return nil;
8        }
9    }

從網頁獲取標題:
1    - (NSString*)title
2    {
3        return [self stringByEvaluatingJavaScriptFromString:@"document.title"];
4    }

網頁的滾動位置:
1    - (CGPoint)scrollOffset {
2        CGPoint pt;
3        pt.x = [[self stringByEvaluatingJavaScriptFromString:@"window.pageXOffset"] integerValue];
4        pt.y = [[self stringByEvaluatingJavaScriptFromString:@"window.pageYOffset"] integerValue];
5        return pt;
6    }

網站的圖標Icon下載地址:
1  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是否合法(自己寫的,未經過大量驗證):
1    +(BOOL)isValidWebUrl:(NSURL *)url
2    {
3        BOOL valid = NO;
4
5       if (url) {
6          if (!url.scheme.length) {
7               url = [NSURL URLWithString:[@"http://" stringByAppendingString:url.absoluteString]];
8           }
9         if (url.host.length) {
10  NSString * regex        =  @"^([\\w-]+\\.)+[\\w-]+(/[\\w- ./?%&=]*)?[    wind_phpcode_5    ]quot;; 
11               NSPredicate * pred      = [NSPredicate predicateWithFormat:@"SELF MATCHES %@", regex];
12               if ([pred evaluateWithObject:url.host]) {
13                  valid = YES;
14             }
15          }
16      }
17       return valid;
18   }

判斷url是否相同:
NSURL的isEqual方法不太好用。最常見的問題是http://www.google.comhttp://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,所以再補上下面的部分纔行
1   function MyIPhoneApp_isBlankInBaseElement() {    var baseElements = document.getElementsByTagName('base');
2      if(baseElements.length > 0){
3          if(baseElements[0].getAttribute('target') == '_blank'){
4              return 'yes';
5          }
6      }
7      return 'no';
8  }
 
清除UIWebVIew的內存佔用和泄露:
http://www.codercowboy.com/code-uiwebview-memory-leak-prevention/

地址欄隨着網頁下拉移動,類似safari:
先拿到webView的scrollView,如果5.0以下就用靠循環去找了
1    -(UIScrollView *)getWebScrollView{
2        UIScrollView* scroll = nil;
3
4
5        if ([self respondsToSelector:@selector(scrollView)]) {
6            scroll = [self scrollView];
7        }else{
8            for (UIView* view in [self subviews]) {
9                if ([view isKindOfClass:[UIScrollView class]]) {
10                    scroll = (UIScrollView*)view;
11                    break;
12               }
13            }
14        }
15        return scroll;
16    }

然後把設置delegate,實現scrollViewDidScroll方法
1    -(void)scrollViewDidScroll:(UIScrollView *)scrollView{
2
3
4        CGPoint contentOffset = scrollView.contentOffset;
5
6        CGFloat threshold = self.topBar.frame.size.height; // topBar就是webview上面的地址欄
7
8        if(contentOffset.y>=-threshold &&contentOffset.y<=480 )  // 480設置得有些大了,這裏是爲了防止快速滑動的時候回調會跟不上,
9        {
10            self.topBar.frame = CGRectMake(0,-threshold-contentOffset.y, 320, self.topBar.frame.size.height);
11        }
12        else if(contentOffset.y<-threshold){
13            self.topBar.frame = CGRectMake(0, 0, 320, self.topBar.frame.size.height);
14        }
15    }

停止和播放網頁上的視頻:
iPad上在網頁裏播放視頻,即使關掉webView,依舊餘音繞耳,調用下面的js可以停止播放
1    function stopVideo(){    var videos = document.querySelectorAll("video");
2        for (var i = videos.length - 1; i >= 0; i--){
3            videos.pause();
4        };
5        return 'stop';
6    }

離線緩存網頁:
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的時候就是一個網頁加載完畢了。 不過別高興太早,加載完畢不代表網頁渲染完畢,所以在最後還需要做一個延時操作,以確保網頁確實顯示出來了。

好了,現在網頁開始和網頁結束都找到了,但中間過程仍然是個謎,只能不靠譜模擬了。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章