iOS UIWebView的使用

????? 現在對于 混合式 移動端開發越來越流行,因為開發成本上、速度上都比傳統的APP開發要好,混合式開發是傳統模式與PC網頁端相結合的模式。那么提到了APP的混合模式開發,在Android開發中有WebView作為混合模式開發的橋梁,當然在IOS中也同樣有一個 UIWebView組件來作為混合模式開發的橋梁,那么下面就對UIWebView的一些基本知識詳解一下。

一、UIWebView的基礎使用

1、創建UIWebView:

CGRect bouds = [[UIScreen manScreen]applicationFrame];

UIWebView* webView = [[UIWebView alloc]initWithFrame:bounds];

2、設置屬性:

webView.scalespageToFit = YES;//自動對頁面進行縮放以適應屏幕

webView.detectsPhoneNumbers = YES;//自動檢測網頁上的電話號碼,單擊可以撥打

3、顯示網頁視圖UIWebView:

[self.view addSubview:webView];

4、加載內容

NSURL* url = [NSURL URLWithString:@"http://www.baidu.com"];//創建URL

NSURLRequest* request = [NSURLRequest requestWithURL:url];//創建NSURLRequest

[webView loadRequest:request];//加載

也可以加載一個本地資源:

NSURL* url = [NSURL fileURLWithPath:filePath];//創建URL

NSURLRequest* request = [NSURLRequest requestWithURL:url];//創建NSURLRequest

[webView loadRequest:request];//加載

UIWebView 還支持將一個NSString對象作為源來加載。你可以為其提供一個基礎URL,來指導UIWebView對象如何跟隨鏈接和加載遠程資源:

[webView loadHTMLString:myHTML baseURL:[NSURL URLWithString:@"http://baidu.com"]];

5、導航

UIWebView類內部會管理瀏覽器的導航動作,通過goForward和goBack方法你可以控制前進與后退動作:

[webView goBack];

[webView goForward];

[webView reload];//重載

[webView stopLoading];//取消載入內容

6、UIWebViewDelegate委托代理

UIWebView支持一組委托方法,這些方法將在特定時間得到通知。要使用這些方法,必須先設定webView的委托:

webView.delegate = self;

下面每個委托方法的第一個參數都是指向一個UIwebview的指針,因此你可以將一個委托用于多個網頁視圖。

-(BOOL)webView:(UIWebView*)webView shouldStartLoadWithRequest:(NSURLRequest*) reuqest navigationType: (UIWebViewNavigationType)navigationType;//當網頁視圖被指示載入內容而得到通知。應當返回YES,這樣會進行加載。通過導航類型參數可以得到請求發起的原因,可以是以下任意值:

UIWebViewNavigationTypeLinkClicked

UIWebViewNavigationTypeFormSubmitted

UIWebViewNavigationTypeBackForward

UIWebViewNavigationTypeReload

UIWebViewNavigationTypeFormResubmitted

UIWebViewNavigationTypeOther

UIWebView控件加載網頁的監聽函數方法:

-(void)webViewDidStartLoad:(UIWebView*)webView ;//當網頁視圖已經開始加載一個請求后,得到通知。

-(void)webViewDidFinishLoad:(UIWebView*)webView ;//當網頁視圖結束加載一個請求之后,得到通知。

-(void)webView:(UIWebView*)webView DidFailLoadWithError:(NSError*)error;//當在請求加載中發生錯誤時,得到通知。會提供一個NSSError對象,以標識所發生錯誤類型。

以上是IOS中UIWebView的基礎使用要點詳解,接下來一些UIWebView的常用注意點。

二、IOS中UIWebView常用注意點:

1、與UIWebView進行交互,調用web頁面中的需要傳參的函數時,參數需要帶單引號,或者雙引號(雙引號需要進行轉義在轉義字符前加\),在傳遞json字符串時不需要加單引號或雙引號:

-(void)webViewDidFinishLoad:(UIWebView *)webView

{

NSString *sendJsStr=[NSString stringWithFormat:@"openFile(\"%@\")",jsDocPathStr];

[webView stringByEvaluatingJavaScriptFromString:sendJsStr];

}

2、在該代理方法中判斷與webView的交互,可通過html里定義的協議實現:

- (BOOL)webView:(UIWebView*)webView

shouldStartLoadWithRequest:(NSURLRequest*)request

navigationType:(UIWebViewNavigationType)navigationType

3、只有在webView加載完畢之后在能夠調用對應頁面中的js方法。(對應方法如第1條).

4、為webView添加背景圖片:

approvalWebView.backgroundColor=[UIColor clearColor];

approvalWebView.opaque=NO;//這句話很重要,webView是否是不透明的,no為透明 在webView下添加個imageView展示圖片就可以了

5、獲取webView頁面內容信息:

NSString *docStr=[webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.textContent"];//獲取web頁面內容信息,此處獲取的是個json字符串

SBJsonParser *parserJson=[[[SBJsonParser alloc]init]autorelease];

NSDictionary *contentDic=[parserJson objectWithString:docStr];//將json字符串轉化為字典

6、 加載本地文件的方法:

//第一種方法:

NSString* path = [[NSBundle mainBundle] pathForResource:name ofType:@"html" inDirectory:@"mobile"];//mobile是根目錄,name是文件名稱,html是文件類型

[webView loadRequest:[NSURLRequest requestWithURL:[NSURL fileURLWithPath:path]]]; //加載本地文件

//第二種方法:

NSString *resourcePath = [[NSBundle mainBundle] resourcePath];

NSString *filePath = [resourcePath stringByAppendingPathComponent:@"mobile.html"];

NSString *htmlstring=[[NSString alloc] initWithContentsOfFile:filePath encoding:NSUTF8StringEncoding error:nil];

[uiwebview loadHTMLString:htmlstring baseURL:[NSURL fileURLWithPath:[[NSBundle mainBundle] bundlePath]]];

7、將文件下載到本地址然后再用webView打開:

NSString *resourceDocPath = [[NSString alloc] initWithString:[[[[NSBundle mainBundle] resourcePath]stringByDeletingLastPathComponent] stringByAppendingPathComponent:@"Documents"]];

self.filePath = [resourceDocPath stringByAppendingPathComponent:[NSString stringWithFormat:@"maydoc%@",docType]];

NSData *attachmentData = [[NSData alloc] initWithContentsOfURL:[NSURL URLWithString:theUrl]];

[attachmentData writeToFile:filePath atomically:YES];

NSURL *url = [NSURL fileURLWithPath:filePath];

NSURLRequest *requestObj = [NSURLRequest requestWithURL:url];

[attachmentWebView loadRequest:requestObj];

//刪除指定目錄下的文件

NSFileManager *magngerDoc=[NSFileManager defaultManager];

[magngerDoc removeItemAtPath:filePath error:nil];

8、處理webView展示txt文檔亂碼問題:

if ([theType isEqualToString:@".txt"])

{

//txt分帶編碼和不帶編碼兩種,帶編碼的如UTF-8格式txt,不帶編碼的如ANSI格式txt

//不帶的,可以依次嘗試GBK和GB18030編碼

NSString* aStr = [[NSString alloc] initWithData:attachmentData encoding:NSUTF8StringEncoding];

if (!aStr)

{

//用GBK進行編碼

aStr=[[NSString alloc] initWithData:attachmentData encoding:0x80000632];

}

if (!aStr)

{

//用GBK編碼不行,再用GB18030編碼

aStr=[[NSString alloc] initWithData:attachmentData encoding:0x80000631];

}

//通過html語言進行排版

NSString* responseStr = [NSString stringWithFormat:

@""

""

""

""

""

"

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • IOS之UIWebView的使用 剛接觸IOS開發1年多,現在對于 混合式 移動端開發越來越流行,因為開發成本上、...
    學無止境666閱讀 45,907評論 5 53
  • OS之UIWebView的使用 剛接觸IOS開發1年多,現在對于 混合式 移動端開發越來越流行,因為開發成本上、速...
    知之未道閱讀 1,668評論 0 4
  • iOS開發系列--網絡開發 概覽 大部分應用程序都或多或少會牽扯到網絡開發,例如說新浪微博、微信等,這些應用本身可...
    lichengjin閱讀 3,721評論 2 7
  • 一、UIWebView的基本語法 1、創建UIWebView: CGRect bouds = [[UIScreen...
    成語筆記閱讀 316評論 0 0
  • 1 / 我愛你 男女之間沒有純潔的友情,若有,也是一方打死不說,一方打死不認。 你不愛我沒關系,我...
    文藝女青年的思想救贖閱讀 271評論 1 3