jsとOCは互いに呼び出し合う--WKWebViewはUrlをブロックする
6310 ワード
まずWKWebviewとUIWebviewの違いを紹介します.
1.ローカルのHtmlファイルをロードし、具体的なファイルは前の文章の図面2を参照する.WKWebViewの作成
関連アクション、進捗バーの作成、estimatedProgressプロパティのリスニング
3.WKNavigationDelegateエージェントメソッドブロックUrlを実装WKNavigationDelegateのエージェントメソッドを使用して、JS呼び出しOCメソッドを実装するためにカスタムURLをブロックする
注意事項
方法の区分、設定、前の文章と同じ
JSメソッドを呼び出し、WKWebViewは新しいメソッドevaluateJavaScript:completionHandlerを提供し、OC呼び出しJSなどのシーンを実現します.
エージェントメソッドで実装されるestimatedProgressの付属
4.WKWebViewでポップアップを使用WKWebViewでalert、confirmなどのポップアップを使用するには、WKWebViewのWKUIdelegateで対応するエージェントメソッドを実装する必要があります.たとえば、JSでalertポップアップウィンドウを表示するには、次のようなエージェントメソッドを実装する必要があります.そうしないと、alertはポップアップされません.
html作成と関連メソッド呼び出しの区別は,前の文章とほぼ同じで,あまり述べられていない.
以上,WKWebviewでJSとOCのインタラクションを実現し,WKWebviewでのestimatedProgressの新しい属性を用い,KVOリスニングを用いて基本的なプログレスバー機能を実現した.
UIWebView
はiOS 2からあり、WKWebView
はiOS 8からあり、WKWebView
は重いUIWebView
に取って代わることは間違いありません.簡単なテストでは、UIWebView
がメモリを消費しすぎ、メモリのピークが誇張されていることがわかります.WKWebView
ページのロード速度も向上していますが、メモリほど向上していません.その他のメリットを以下に示します.* HTML5
* 60fps
* Safari JavaScript
* UIWebViewDelegate UIWebView 14 3 ([ ](https://developer.apple.com/library/mac/documentation/Cocoa/Reference/WebKit/ObjC_classic/index.html))
* , :`estimatedProgress`
1.ローカルのHtmlファイルをロードし、具体的なファイルは前の文章の図面2を参照する.WKWebViewの作成
- (void)initWKWebView
{
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.webView.UIDelegate = self;
[self.view addSubview:self.webView];
}
関連アクション、進捗バーの作成、estimatedProgressプロパティのリスニング
CGFloat kScreenWidth = [[UIScreen mainScreen] bounds].size.width;
UIProgressView *progressView = [[UIProgressView alloc] initWithFrame:CGRectMake(0, 0, kScreenWidth, 2)];
progressView.tintColor = [UIColor redColor];
progressView.trackTintColor = [UIColor lightGrayColor];
[self.view addSubview:progressView];
self.progressView = progressView;
[self.webView addObserver:self forKeyPath:@"estimatedProgress" options:NSKeyValueObservingOptionNew context:nil]; //
3.WKNavigationDelegateエージェントメソッドブロックUrlを実装WKNavigationDelegateのエージェントメソッドを使用して、JS呼び出しOCメソッドを実装するためにカスタムURLをブロックする
#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. , decisionHandler block, app 。block ,WKNavigationActionPolicyCancel , UIWebView return NO ;WKNavigationActionPolicyAllow , UIWebView return YES 。
方法の区分、設定、前の文章と同じ
#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];
}
}
JSメソッドを呼び出し、WKWebViewは新しいメソッドevaluateJavaScript:completionHandlerを提供し、OC呼び出しJSなどのシーンを実現します.
// js
NSString *jsStr = [NSString stringWithFormat:@"setLocation('%@')",@" XXXX "];
[self.webView evaluateJavaScript:jsStr completionHandler:^(id _Nullable result, NSError * _Nullable error) {
NSLog(@"%@----%@",result, error);
}];
エージェントメソッドで実装されるestimatedProgressの付属
// wkWebView
- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context {
if (object == self.webView && [keyPath isEqualToString:@"estimatedProgress"]) {
CGFloat newprogress = [[change objectForKey:NSKeyValueChangeNewKey] doubleValue];
if (newprogress == 1) {
[self.progressView setProgress:1.0 animated:YES];
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.7 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
self.progressView.hidden = YES;
[self.progressView setProgress:0 animated:NO];
});
}else {
self.progressView.hidden = NO;
[self.progressView setProgress:newprogress animated:YES];
}
}
}
//
- (void)dealloc
{
NSLog(@"dealloc ---%s",__FUNCTION__);
[self.webView removeObserver:self forKeyPath:@"estimatedProgress"];
}
4.WKWebViewでポップアップを使用WKWebViewでalert、confirmなどのポップアップを使用するには、WKWebViewのWKUIdelegateで対応するエージェントメソッドを実装する必要があります.たとえば、JSでalertポップアップウィンドウを表示するには、次のようなエージェントメソッドを実装する必要があります.そうしないと、alertはポップアップされません.
#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];
}
html作成と関連メソッド呼び出しの区別は,前の文章とほぼ同じで,あまり述べられていない.
以上,WKWebviewでJSとOCのインタラクションを実現し,WKWebviewでのestimatedProgressの新しい属性を用い,KVOリスニングを用いて基本的なプログレスバー機能を実現した.