WKWebView加载本地Html,在iOS9以上以及以下的使用姿势

今天遇到一个大坑,由于我们的应用需要加载本地的HTML资源,写的时候,一直在iOS10上测试没有问题,下午没事的时候,就在iphone4s 8.0系统上跑了一下,发现什么都显示不出来,顿时我就惊慌了,各种姿势,各种试都没有解决,最后还在StackOverFlow上找到了解决的办法。连接

1.我们的H5目录是下面这个样子的,一开始的时候,这是个虚拟目录,我开始的代码是这样写的:


WKWebView加载本地Html,在iOS9以上以及以下的使用姿势_第1张图片
Paste_Image.png
   NSString *path = [[NSBundle mainBundle] pathForResource:@"mobile_vip_gold_tutorial" ofType:@"html"];
   NSURL *fileURL = [NSURL fileURLWithPath:path];
  [self.webView loadFileURL:fileURL allowingReadAccessToURL:fileURL];

这样写在iOS9以上显示不出来,

2.解决方法
StackOverFlow上的解决方法是这个样子的,首先需要在吧H5目录拖动到Xcode的时候,需要选择创建一个文件引用。

WKWebView加载本地Html,在iOS9以上以及以下的使用姿势_第2张图片
Paste_Image.png

这个时候文件结构会变成这个样子


WKWebView加载本地Html,在iOS9以上以及以下的使用姿势_第3张图片
Paste_Image.png

然后我们的代码就会变成这个样子

- (void)loadRequest {
            if ([[UIDevice currentDevice].systemVersion floatValue] >= 9.0) {
            NSString *path = [[NSBundle mainBundle] pathForResource:@"mobile_vip_gold_tutorial" ofType:@"html"];
            NSURL *fileURL = [NSURL fileURLWithPath:path];
            [self.noVipWebView loadFileURL:fileURL allowingReadAccessToURL:fileURL];
            
        } else {
            // 获取本地文件夹的路径
            NSString *path = [[[NSBundle mainBundle] resourcePath] stringByAppendingPathComponent:@"mobile_vip_gold_tutorial"];
            if(path) {

                NSURL *fileUrl = [NSURL fileURLWithPath:path];
                fileUrl = [self fileURLForBuggyWKWebView8:fileUrl];
                NSURL *realUrl = [NSURL fileURLWithPath:[fileUrl.path stringByAppendingString:@"/mobile_vip_gold_tutorial.html"]];
                NSURLRequest *request = [NSURLRequest requestWithURL:realUrl];
                [self.noVipWebView loadRequest:request];
            }
    }
}

//将文件copy到tmp目录
- (NSURL *)fileURLForBuggyWKWebView8:(NSURL *)fileURL {
    NSError *error = nil;
    if (!fileURL.fileURL || ![fileURL checkResourceIsReachableAndReturnError:&error]) {
        return nil;
    }
    
    // Create "/temp" directory
    NSFileManager *fileManager = [NSFileManager defaultManager];
    NSURL *temDirURL = [NSURL fileURLWithPath:NSTemporaryDirectory()];
    [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" load flawlesly :)
    return dstURL;
}

需要注意的是,创建文件夹这种方法解决了iOS9以下的问题,iOS9以上又出问题了,所有iOS9以上不用创建文件引用,所以在我们的项目中有这个文件结构,上面的引用的是下面的文件,所以这样就可以解决iOS9以上和以下的问题了。

Paste_Image.png

你可能感兴趣的:(WKWebView加载本地Html,在iOS9以上以及以下的使用姿势)