1. 程式人生 > >iOS原生WebView中JavaScript和OC互動

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;

的方法來實現的。該方法向UIWebView傳遞一段需要執行的JavaScript程式碼最後獲取執行結果。

JavaScript語言呼叫Objective-C語言,並沒有現成的API,但是有些方法可以達到相應的效果。具體是利用UIWebView的特性:在UIWebView的內發起的所有網路請求,都可以通過delegate函式得到通知。

二、示例

下面提供一個簡單的例子介紹如何相互的呼叫,實現的效果是在介面上點選一個連結,然後彈出一個對話方塊判斷是否登入成功。

三、程式碼--重點

(1)Html

<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>
(2)UIWebView Delegate回撥方法為:
- (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"];