在上篇文章中講述了使用UIWebView攔截URL的方式來處理JS與OC交互。?
由于UIWebView比較耗內(nèi)存，性能上不太好，而蘋果在iOS 8中推出了WKWebView。?
同樣的用WKWebView也可以攔截URL，做JS 與OC交互。關(guān)于WKWebView與UIWebView的對(duì)比，大家請(qǐng)自動(dòng)百度或者google。
打開百度網(wǎng)頁前 ? ? ? ? ? ?打開百度網(wǎng)頁后
UIWebView ? ? ? ? ? ? ? ? ? 內(nèi)存47M
WKWebView ? ? ? ? ? ? ? ?內(nèi)存47M
WKWebView 攔截URL
WKWebView 與 UIWebView 攔截URL 的處理方式基本一樣。除了代理方法和WKWebView的使用不太一樣，關(guān)于WKWebView更詳盡的講解和用法，還是自行搜索學(xué)習(xí)，本文重點(diǎn)還是講解如何實(shí)現(xiàn)JS 與OC 互相調(diào)用。
提醒：WKWebView 是iOS 8 推出的WebKit.framework中的控件，只有app 不需要兼容iOS 7及以下的時(shí)候才可以使用。
先看動(dòng)態(tài)效果圖：
1.創(chuàng)建WKWebView，加載本地HTML。
WKWebView的創(chuàng)建有幾點(diǎn)不同：?
* 1.初始化多了個(gè)configuration參數(shù)，當(dāng)然這個(gè)參數(shù)我們也可以不傳，直接使用默認(rèn)的設(shè)置就好。?
* 2.WKWebView的代理有兩個(gè)navigationDelegate和UIDelegate。我們要攔截URL，就要通過navigationDelegate的一個(gè)代理方法來實(shí)現(xiàn)。如果在HTML中要使用alert等彈窗，就必須得實(shí)現(xiàn)UIDelegate的相應(yīng)代理方法。?
* 3.在iOS 9之前，WKWebView加載本地HTML會(huì)有一些問題。（不能加載本地HTML，或者部分CSS/本地圖片加載不了等）
我這里創(chuàng)建WKWebView的示例代碼是這樣的:
WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc] init]; configuration.userContentController = [WKUserContentController new];
?WKPreferences *preferences = [WKPreferences new];
? ? preferences.javaScriptCanOpenWindowsAutomatically = YES;
? ? preferences.minimumFontSize = 30.0;
? ? configuration.preferences = preferences;
? ? self.webView = [[WKWebView alloc] initWithFrame:self.view.frame configuration:configuration];
? ? NSString *urlStr = [[NSBundle mainBundle] pathForResource:@"index.html" ofType:nil];
? ? NSURL *fileURL = [NSURL fileURLWithPath:urlStr];
? ? [self.webView loadFileURL:fileURL allowingReadAccessToURL:fileURL];
? ? self.webView.navigationDelegate = self;
? ? [self.view addSubview:self.webView];
因?yàn)榧虞d的本地HTML內(nèi)容，跟上一篇UIWebView中介紹的HTML內(nèi)容一樣，所以關(guān)于HTML中的內(nèi)容就不再講解了
2.攔截URL
使用WKNavigationDelegate中的代理方法，攔截自定義的URL來實(shí)現(xiàn)JS調(diào)用OC方法。
#pragma mark - WKNavigationDelegate
- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler
{
? ? NSURL *URL = navigationAction.request.URL;
? ? NSString *scheme = [URL scheme];
? ? if ([scheme isEqualToString:@"haleyaction"]) {
? ? ? ? [self handleCustomAction:URL];
? ? ? ? decisionHandler(WKNavigationActionPolicyCancel);
? ? ? ? return;
? ? }
? ? decisionHandler(WKNavigationActionPolicyAllow);
}
需要注意的是：
1.如果實(shí)現(xiàn)了這個(gè)代理方法，就必須得調(diào)用decisionHandler這個(gè)block，否則會(huì)導(dǎo)致app 崩潰。block參數(shù)是個(gè)枚舉類型，WKNavigationActionPolicyCancel代表取消加載，相當(dāng)于UIWebView的代理方法return NO的情況；WKNavigationActionPolicyAllow代表允許加載，相當(dāng)于UIWebView的代理方法中 return YES的情況。?
2.其他的關(guān)于為什么要統(tǒng)一設(shè)置scheme，在上一篇中講過。
關(guān)于如何區(qū)分執(zhí)行不同的OC 方法，也與UIWebView的處理方式一樣,通過URL 的host 來區(qū)分執(zhí)行不同的方法：
#pragma mark - private method- (void)handleCustomAction:(NSURL *)URL
{
? ? NSString *host = [URL host];
? ? if ([host isEqualToString:@"scanClick"]) {
? ? ? ? NSLog(@"掃一掃");
? ? } else if ([host isEqualToString:@"shareClick"]) {
? ? ? ? [self share:URL];
? ? } else if ([host isEqualToString:@"getLocation"]) {
? ? ? ? [self getLocation];
? ? } else if ([host isEqualToString:@"setColor"]) {
? ? ? ? [self changeBGColor:URL];
? ? } else if ([host isEqualToString:@"payAction"]) {
? ? ? ? [self payAction:URL];
? ? } else if ([host isEqualToString:@"shake"]) {
? ? ? ? [self shakeAction];
? ? } else if ([host isEqualToString:@"goBack"]) {
? ? ? ? [self goBack];
? ? }
}
3.OC 調(diào)用 JS 方法
JS 調(diào)用OC 方法后，有的操作可能需要將結(jié)果返回給JS。這時(shí)候就是OC 調(diào)用JS 方法的場(chǎng)景。?
WKWebView 提供了一個(gè)新的方法evaluateJavaScript:completionHandler:，實(shí)現(xiàn)OC 調(diào)用JS 等場(chǎng)景。
- (void)getLocation
{
? ? // 獲取位置信息?? ?
? ? // 將結(jié)果返回給js? ? NSString *jsStr = [NSString stringWithFormat:@"setLocation('%@')",@"廣東省深圳市南山區(qū)學(xué)府路XXXX號(hào)"];
? ? [self.webView evaluateJavaScript:jsStr completionHandler:^(id _Nullable result, NSError * _Nullable error) {
? ? ? ? NSLog(@"%@----%@",result, error);
? ? }];
}
evaluateJavaScript:completionHandler:沒有返回值，JS 執(zhí)行成功還是失敗會(huì)在completionHandler 中返回。所以使用這個(gè)API 就可以避免執(zhí)行耗時(shí)的JS，或者alert 導(dǎo)致界面卡住的問題。
4.WKWebView中使用彈窗
在上面提到，如果在WKWebView中使用alert、confirm 等彈窗，就得實(shí)現(xiàn)WKWebView的WKUIDelegate中相應(yīng)的代理方法。?
例如，我在JS中要顯示alert 彈窗，就必須實(shí)現(xiàn)如下代理方法，否則alert 并不會(huì)彈出。
#pragma mark - WKUIDelegate
- (void)webView:(WKWebView *)webView runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(void))completionHandler
{
? ? UIAlertController *alert = [UIAlertController alertControllerWithTitle:@"提醒" message:message preferredStyle:UIAlertControllerStyleAlert];
? ? [alert addAction:[UIAlertAction actionWithTitle:@"知道了" style:UIAlertActionStyleCancel handler:^(UIAlertAction * _Nonnull action) {
? ? ? ? completionHandler();
? ? }]];
? ? [self presentViewController:alert animated:YES completion:nil];
}
其中completionHandler這個(gè)block 一定得調(diào)用，至于在哪里調(diào)用，倒是無所謂，我們也可以寫在方法實(shí)現(xiàn)的第一行，或者最后一行。
示例工程地址：JS_OC_URL
版權(quán)聲明：本文為博主原創(chuàng)文章，轉(zhuǎn)載請(qǐng)注明出處。 https://blog.csdn.net/u011619283/article/details/52135982
