如何从WKWebView打印特定的iFrame

时间:2018-03-23 01:00:42

标签: ios iframe wkwebview

我正在使用类似于下面链接的问题的技术来捕获window.print()并触发WKWebView的打印。这适用于主页面。

Capturing window.print() from a WKWebView

我希望做的是在页面中打印iFrame,而不是页面本身。在JavaScript中,我关注iFrame并调用window.print(),它在iOS上的Safari(使用WKWebView?)和各种桌面浏览器中工作。

有人知道如何使用WKWebView printFormatter打印HTML内容的iFrame吗?

1 个答案:

答案 0 :(得分:0)

过去3天,我一直在为完全相同的问题而苦苦挣扎,并且拼命地在网上寻找解决方案,但我没有找到。

但是我终于让它运行了,所以这是我的解决方案:

  1. 将以下用户脚本添加到WKWebViewconfig.userContentController:

     WKUserScript *printScript = [[WKUserScript alloc] initWithSource:@"window.print = function() {window.webkit.messageHandlers.print.postMessage('print')}"
                                                  injectionTime:WKUserScriptInjectionTimeAtDocumentEnd forMainFrameOnly:NO];
    
    [webViewConfig.userContentController addUserScript:printScript];
    [webViewConfig.userContentController addScriptMessageHandler:self name:@"print"];
    

=>与Capturing window.print() from a WKWebview中的相同,但有一个重要的区别:forMainFrameOnly设置为NO,因为我们希望将其注入到iframe中,而不仅是在顶部窗口中

  1. 在持有WKWebview的视图控制器中定义消息处理程序:

在标题中:

@interface MyViewcontroller : UIViewController <UIGestureRecognizerDelegate, WKNavigationDelegate, WKScriptMessageHandler>

实施:

-(void) userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message
  1. 使用消息处理程序检索iframe的源(即您的pdf),并将其用作iOS的PrintController的打印项目:

    -(void) userContentController:(WKUserContentController     *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message
    
    {
     if([message.name isEqualToString:@"print"])
    {
        [self.webView evaluateJavaScript:@"window.document.querySelector(\"iframe\").src" completionHandler:^(NSString *result, NSError *error)
        {
            UIPrintInteractionController    *printController = UIPrintInteractionController.sharedPrintController;
            printController.printingItem = [NSURL URLWithString:result];
    
            UIPrintInteractionCompletionHandler completionHandler = ^(UIPrintInteractionController *printController, BOOL completed, NSError *error)
            {
                if(!completed)
                {
                    if(error != nil) NSLog(@"Print failed: \nDomain: %@\nError code:%ld", error.domain, (long) error.code);
                    else             NSLog(@"Print canceled");
                }
                NSLog(@"Print completed!\nSelected Printer ID: %@", printController.printInfo.printerID);
            };
    
            if(printController != nil)
                [printController presentAnimated:YES completionHandler:completionHandler];
        }];
    }
    
    else
        NSLog(@"Unrecognized message received from web page");    }
    

注意:我使用window.document.querySelector(\"iframe\")是因为我们的iframe没有ID,否则我会使用window.getComponentByID。如果您有多个iframe,这一点很重要,这不是我的情况

希望这对您和其他人也有帮助!