在iOS中呼叫HTML

weixin_33724059發表於2016-08-07
iOSHTML

iOS中呼叫HTML藉助WebView來顯示
方法://載入網頁

NSURL *url = [[NSBundle mainBundle] URLForResource:@"index" withExtension:@"html"]; 

NSURLRequest *request = [NSURLRequest requestWithURL:url]; 
[self.webView loadRequest:request];

如果想在iOS對HTML操作(增,刪,改,查):
首先要執行webView的代理方法:

-(void)webViewDidFinishLoad:(UIWebView *)webView{}

在代理方法中執行那些操作

#pragma mark - 操作網頁
-(void)webViewDidFinishLoad:(UIWebView *)webView{
// 刪除
NSString *str1 = @"var word = document.getElementById('word');";
NSString *str2 = @"word.remove();";
[webView stringByEvaluatingJavaScriptFromString:str1];
[webView stringByEvaluatingJavaScriptFromString:str2];
// 更改
NSString *str3 = @"var change = document.getElementsByClassName('change')[0];" "change.innerHTML = '好你的哦!';";
[webView stringByEvaluatingJavaScriptFromString:str3];
// 插入NSString *str4 =@"var img = document.createElement('img');" 
"img.src = 'img_01.jpg';"
 "img.width = '160';" 
"img.height = '80';"
 "document.body.appendChild(img);";
[webView stringByEvaluatingJavaScriptFromString:str4];}

在HTML中呼叫iOS

//載入網頁 
NSURL *url = [[NSBundle mainBundle] URLForResource:@"index" withExtension:@"html"];
 NSURLRequest *request = [NSURLRequest requestWithURL:url]; 
[self.webView loadRequest:request];

首先要執行webView的代理方法:
這個代理方法,可以實時監聽到HTML發出的事件點選

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

}

下面是載入的HTML裡面的內容, 實現的是通過按鈕點選,訪問相簿:

<html>
<head>
     <meta charset="UTF-8">
</head>
<body>
 <button onclick="getImage();">訪問相簿</button>
 <script> function getImage(){ window.location.href = 'xmg://getImage'; } </script>
</body>
</html>

在webView的代理方法裡面可以實時監聽, 所以可以擷取到xmg://getImage 這個字串,我們只要擷取最後的getImage, 然後在iOS中呼叫對應的方法,就可以實現呼叫iOS中的功能, 所有實現HTML呼叫iOS,訪問相簿

-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{ 
NSString *str = request.URL.absoluteString; 
NSRange range = [str rangeOfString:@"xmg://"];
//判斷是不是以這開頭的協議
 if (range.location != NSNotFound) {
//能找到 NSString *method = [str substringFromIndex:range.location + range.length]; 
SEL sel = NSSelectorFromString(method);
 [self performSelector:sel];
 }
 return YES;
}

- (void)getImage{ 
UIImagePickerController *pickerImg = [[UIImagePickerController alloc]init];
 pickerImg.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;
 [self presentViewController:pickerImg animated:YES completion:nil]; 
}

<本文轉載自 Tanyfi>

相關文章