WKWebView使用遇到的坑--加载本地html及JS交互

1. ios9以前版本读取本地HTML的问题

解决方法如下

1.Objective-C：

//将文件copy到tmp目录

- (NSURL *)fileURLForBuggyWKWebView8:(NSURL *)fileURL {

    NSError *error = nil;

    if (!fileURL.fileURL || ![fileURL checkResourceIsReachableAndReturnError:&error]) {

        return nil;

    }

    // Create "/temp/www" directory

    NSFileManager *fileManager= [NSFileManager defaultManager];

    NSURL *temDirURL = [[NSURL fileURLWithPath:NSTemporaryDirectory()] URLByAppendingPathComponent:@"www"];

    [fileManager createDirectoryAtURL:temDirURL withIntermediateDirectories:YES attributes:nil error:&error];

    NSURL *dstURL = [temDirURL URLByAppendingPathComponent:fileURL.lastPathComponent];

    // Now copy given file to the temp directory

    [fileManager removeItemAtURL:dstURL error:&error];

    [fileManager copyItemAtURL:fileURL toURL:dstURL error:&error];

    // Files in "/temp/www" load flawlesly :)

    return dstURL;

}

//调用逻辑

 NSString *path = [[NSBundle mainBundle] pathForResource:@"indexoff" ofType:@"html"];

    if(path){

        if ([[UIDevice currentDevice].systemVersion floatValue] >= 9.0) {

            // iOS9. One year later things are OK.

            NSURL *fileURL = [NSURL fileURLWithPath:path];

            [self.webView loadFileURL:fileURL allowingReadAccessToURL:fileURL];

        } else {

            // iOS8. Things can be workaround-ed

            //   Brave people can do just this

            //   fileURL = try! pathForBuggyWKWebView8(fileURL)

            //   webView.loadRequest(NSURLRequest(URL: fileURL))

            NSURL *fileURL = [self.fileHelper fileURLForBuggyWKWebView8:[NSURL fileURLWithPath:path]];

            NSURLRequest *request = [NSURLRequest requestWithURL:fileURL];

            [self.webView loadRequest:request];

        }

    }

2.Swift

//将文件copy到tmp目录

func fileURLForBuggyWKWebView8(fileURL: NSURL) throws -> NSURL {

    // Some safety checks

    var error:NSError? = nil;

    if (!fileURL.fileURL || !fileURL.checkResourceIsReachableAndReturnError(&error)) {

        throw error ?? NSError(

            domain: "BuggyWKWebViewDomain",

            code: 1001,

            userInfo: [NSLocalizedDescriptionKey: NSLocalizedString("URL must be a file URL.", comment:"")])

    }

    // Create "/temp/www" directory

    let fm = NSFileManager.defaultManager()

    let tmpDirURL = NSURL.fileURLWithPath(NSTemporaryDirectory()).URLByAppendingPathComponent("www")

    try! fm.createDirectoryAtURL(tmpDirURL, withIntermediateDirectories: true, attributes: nil)

    // Now copy given file to the temp directory

    let dstURL = tmpDirURL.URLByAppendingPathComponent(fileURL.lastPathComponent!)

    let _ = try? fileMgr.removeItemAtURL(dstURL)

    try! fm.copyItemAtURL(fileURL, toURL: dstURL)

    // Files in "/temp/www" load flawlesly :)

    return dstURL

}

//方法调用

    var filePath = NSBundle.mainBundle().pathForResource("file", ofType: "pdf")

    if #available(iOS 9.0, *) {

        // iOS9. One year later things are OK.

        webView.loadFileURL(fileURL, allowingReadAccessToURL: fileURL)

    } else {

        // iOS8. Things can be workaround-ed

        //   Brave people can do just this

        //   fileURL = try! pathForBuggyWKWebView8(fileURL)

        //   webView.loadRequest(NSURLRequest(URL: fileURL))

        do {

            fileURL = try fileURLForBuggyWKWebView8(fileURL)

            webView.loadRequest(NSURLRequest(URL: fileURL))

        } catch let error as NSError {

            print("Error: " + error.debugDescription)

        }

    }

2. WKWebView - WKNavigationDelegate使用

例如：

- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler {

    NSURLRequest *request = navigationAction.request;

    WMPageActionType actionType = ActionTypeNone;

    WKNavigationActionPolicy actionPolicy = WKNavigationActionPolicyAllow;

    if([request.URL.absoluteString hasPrefix:OC_CLOSE_REQUEST]){

        actionType = ActionTypeClose;

        actionPolicy = WKNavigationActionPolicyCancel;

    }

    if(self.actionDelegate && [self.actionDelegate respondsToSelector:@selector(webView:action:type:)]) {

        [self.actionDelegate webView:webView action:navigationAction type:actionType];

    }

   //这句是必须加上的，不然会异常

    decisionHandler(actionPolicy);

}

3.WKWebView-JS执行方法