美文网首页ios开发
WKWebView加载本地Html,在iOS9以上以及以下的使用

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

作者: 思考的快与慢 | 来源:发表于2017-05-17 18:49 被阅读117次

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

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


    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的时候,需要选择创建一个文件引用。

    Paste_Image.png

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


    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以上以及以下的使用

        本文链接:https://www.haomeiwen.com/subject/vvzdxxtx.html