WKWebView warten auf DOM-Rendering vor dem Auslösen von nativen Code

Question

Ich habe eine hybride iOS-App, die eine WKWebView enthält, und ich habe eine JavaScript-Funktion callNative kann Objective C nativen Code im Hauptthread aufrufen.

In meinem JavaScript, ich habe die folgende Struktur

modifyDOM(); // e.g. .show(), and .hide() stuff 
callNative('animateWKWebViewFrame'); 

Aus irgendeinem Grund wird animateWKWebViewFrame (native code) vormodifyDOM abgeschlossen ist genannt und vollständig wiedergegeben wird. (Dies verursacht einen visuellen Fehler.)

Wie kann ich das vollständige Rendering von DOM-Modifikationen vor dem Aufruf von systemeigenem Code erzwingen?

Answer 1

Wie wäre es mit einem anderen Rückruf für die Erkennung modifyDOM() -Funktion?

// alloc webview 
    WKWebViewConfiguration *theConfiguration = [[WKWebViewConfiguration alloc] init]; 
    [theConfiguration.userContentController addScriptMessageHandler:self name:@"interOp"]; 
    self.webView = [[WKWebView alloc] initWithFrame:CGRectMake(0, 0, 0, 0) configuration:theConfiguration]; 

Sobald Ihr modifyDOM() Funktion ist abgeschlossen Sie „Interop“ Rückruf aufrufen und dann können Sie Rückruf initiieren() mit dem, was wollen und rufen animateWKWebViewFrame

- (void)userContentController:(WKUserContentController *)userContentController 
     didReceiveScriptMessage:(WKScriptMessage *)message { 

    NSDictionary *sentData = (NSDictionary*)message.body; 
    NSString* command = sentData[@"command"]; 

    LOG(@"[userContentController] command(%@)", command); 

    if ([command isEqualToString:@"DOMReady"]) { 
     // defining a JavaScript function 
     NSString *jsFunctionText = @"Initiate({" 
            "command:animateWKWebViewFrame" 
            "});"; 
     [self.webView evaluateJavaScript:jsFunctionText completionHandler:^(id object, NSError * err) { 
      if (err) { 
       LOG(@"[evaluateJavaScript] error(%@)", err); 
      } 
     }]; 
    } 

Answer 2

Ich gehe davon aus, dass Sie verwenden jQuery wegen Ihres Kommentars sagen modifyDOM Anrufe show() und hide(). Wenn dies der Fall ist, sollten Sie sich auf den Parameter complete verlassen, um eine Funktion bereitzustellen, die wiederum den Aufruf Ihres systemeigenen Codes aufruft.

Die entsprechende Dokumentation ist hier:
http://api.jquery.com/hide/#hide-duration-complete
http://api.jquery.com/show/#show-duration-complete

Und schließlich, hier einige Codebeispiel:

function modifyDOM() 
{ 
    someElement.show(400, function() {callNative('animateWKWebViewFrame');}); 
}