iOS原生WebView中JavaScript和OC互動
在iOS開發中很多時候我們會和UIWebView打交道,目前國內的很多應用都採用了UIWebView的混合程式設計技術,最常見的是微信公眾號的內容頁面。前段時間在做微信公眾平臺相關的開發,發現很多應用場景都是利用HTML5和UIWebView來實現的。
注意事項
(1)執行緒阻塞問題。
OC呼叫- (NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script時,可能由於JS是單執行緒的原因,會阻塞
原JS程式碼的執行。解決方案:JS端用defer將IFrame的插入延後執行。
一、機制
Objective-C語言呼叫JavaScript語言,是通過UIWebView的 - (NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script;
JavaScript語言呼叫Objective-C語言,並沒有現成的API,但是有些方法可以達到相應的效果。具體是利用UIWebView的特性:在UIWebView的內發起的所有網路請求,都可以通過delegate函式得到通知。
二、示例
下面提供一個簡單的例子介紹如何相互的呼叫,實現的效果是在介面上點選一個連結,然後彈出一個對話方塊判斷是否登入成功。
三、程式碼--重點(1)Html
(2)UIWebView Delegate回撥方法為:<html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <meta content="always" name="referrer" /> <title>測試網頁</title> </head> <body> <br /> <a href="devzeng://login?name=zengjing&password=123456">點選連結</a> </body> </html>
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType { NSURL *url = [request URL]; if([[url scheme] isEqualToString:@"devzeng"]) { //處理JavaScript和Objective-C互動 if([[url host] isEqualToString:@"login"]) { //獲取URL上面的引數 NSDictionary *params = [self getParams:[url query]]; BOOL status = [self login:[params objectForKey:@"name"] password:[params objectForKey:@"password"]]; if(status) { //呼叫JS回撥 [webView stringByEvaluatingJavaScriptFromString:@"alert('登入成功!')"]; } else { [webView stringByEvaluatingJavaScriptFromString:@"alert('登入失敗!')"]; } } return NO; } return YES; }
(3)說明
1、同步和非同步的問題
(1)Objective-C呼叫JavaScript程式碼的時候是同步的
- (NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script;
(2)JavaScript呼叫Objective-C程式碼的時候是非同步的
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType;
2、常見的JS呼叫
(1)獲取頁面title
NSString *title = [webview stringByEvaluatingJavaScriptFromString:@"document.title"];
(2)獲取當前的URL
NSString *url = [webview stringByEvaluatingJavaScriptFromString:@"document.location.href"];