web-dev-qa-db-ja.com

WKWebViewからJSContextを取得する方法

UIWebViewでは、JSContextを取得できます。

[webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"]

同じ方法はWKWebViewでは機能せず、このコード行に到達するとアプリがクラッシュします。

WKWebViewでJSContextを取得する方法はありますか？

前もって感謝します。

uiwebviewwebkitios8javascriptcorewkwebview
28
Xiong

レイアウトとJavaScriptは別のプロセスで処理されるため、コンテキストを取得できません。

代わりに、スクリプトをwebview構成に追加し、ビューコントローラー（または別のオブジェクト）をスクリプトメッセージハンドラーとして設定します。

次に、JavaScriptから次のようにメッセージを送信します。

window.webkit.messageHandlers.interOp.postMessage(message)

スクリプトメッセージハンドラがコールバックを受け取ります。

- (void)userContentController:(WKUserContentController *)userContentController 
                            didReceiveScriptMessage:(WKScriptMessage *)message{
    NSLog(@"%@", message.body);
}
10
Leo Natan

このようにwkwebviewを構成し、それに応じてハンドラーを追加し、同様のパターンでスクリプトからメッセージを投稿します

NSString *myScriptSource = @"alert('Hello, World!')";


WKUserScript *s = [[WKUserScript alloc] initWithSource:myScriptSource injectionTime:WKUserScriptInjectionTimeAtDocumentStart forMainFrameOnly:YES];
WKUserContentController *c = [[WKUserContentController alloc] init];
[c addUserScript:s];
// Add a script message handler for receiving  "buttonClicked" event notifications posted from the JS document using window.webkit.messageHandlers.buttonClicked.postMessage script message
[c addScriptMessageHandler:self name:@"buttonClicked"];

WKWebViewConfiguration *conf = [[WKWebViewConfiguration alloc] init];
conf.userContentController = c;

WKWebView *webview = [[WKWebView alloc] initWithFrame:self.view.bounds configuration:conf];
[self.view addSubview:webview];
webview.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
// Do any additional setup after loading the view, typically from a nib.
NSURLRequest *request = [NSURLRequest requestWithURL:[NSURL URLWithString:@"http://google.com"]];
[webview loadRequest:request];

メソッド名を使用してスクリプトメッセージハンドラ「WKScriptMessageHandler」を実装する

#pragma mark -WKScriptMessageHandler
- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message          {
if ([message.name isEqualToString:@"buttonClicked"]) {
self.buttonClicked ++;
}

// JS objects are automatically mapped to ObjC objects
id messageBody = message.body;
if ([messageBody isKindOfClass:[NSDictionary class]]) {
NSString* idOfTappedButton = messageBody[@"ButtonId"];
[self updateColorOfButtonWithId:idOfTappedButton];
}
}

そして、このようにメッセージフォームjsを投稿します

var button = document.getElementById("clickMeButton");
button.addEventListener("click", function() {
    var messgeToPost = {'ButtonId':'clickMeButton'};
    window.webkit.messageHandlers.buttonClicked.postMessage(messgeToPost);
},false);
1
Anurag Soni