iOS9以下版本使用WKWebView加载本地HTML文件不显示,处理时容易忽略的问题

昨天修改别人bug的时候,遇到一个关于WKWebView加载本地HTML文件iOS9以下版本手机不显示的问题,然后我三下五除二的将本地HTML文件,以及js,css,image等copy到了tmp目录中,然后等运行结果,然而依然报这个错误

Could not create a sandbox extension for /

看似这些操作好像失败了,但是当我打印文件copy后的路径是发现并没有什么问题,最后才发现,原来我忽略了一个最底层的问题,css,image,这些文件的原始路径都在HTML所在文件夹的子文件夹里,我把关注点都放在copy内容的时候,却忘记保持原来层级关系不变了,于是页面只加载出来了HTML,其他内容均未显示,造成一种操作失败的假象

以下是处理方式,直接上代码

//将文件copy到tmp目录,iOS9以前
- (NSURL *)copyFileToTmp:(NSURL *)fileURL childDirect:(NSString *)direct{
    NSError *error = nil;
    if (!fileURL.fileURL || ![fileURL checkResourceIsReachableAndReturnError:&error]) {
        return nil;
    }
    // 在tmp下创建你要保存这些文件的文件夹 "/tmp/XXX",direct是为为了方便判断要copy的文件是否在子文件夹下,如果是的话则要创建子文件夹
    NSFileManager *fileManager= [NSFileManager defaultManager];
    NSString * strPath=@"XXX";
if (direct) {
        strPath=[NSString stringWithFormat:@"XXX/%@",direct];
    }
    NSURL *temDirURL = [[NSURL fileURLWithPath:NSTemporaryDirectory()] URLByAppendingPathComponent:strPath];
    [fileManager createDirectoryAtURL:temDirURL withIntermediateDirectories:YES attributes:nil error:&error];
    
    NSURL *dstURL = [temDirURL URLByAppendingPathComponent:fileURL.lastPathComponent];
    // 将文件拷贝到新路径
    [fileManager removeItemAtURL:dstURL error:&error];
    [fileManager copyItemAtURL:fileURL toURL:dstURL error:&error];
    // 返回新路径
    return dstURL;
}

调用的时候

 //因为我的文件存储在MyDirect下,所以要写上,如果是直接放在项目里的,不写inDirectory:@"MyDirect" 就可以了   注释的事另一种获取url方式
    NSString *path = [[NSBundle mainBundle] pathForResource:@"my" ofType:@"html" inDirectory:@"MyDirect"];
    //    NSURL *pathUrl= [[NSBundle mainBundle] URLForResource:@"MyDirect/my.html" withExtension:nil];
    
    // 针对 9.0 以下的iOS系统进行处理
    //调用逻辑
    if(path){
        if ([[UIDevice currentDevice].systemVersion floatValue] >= 9.0) {
            //   两种方式           
            //         NSURL *fileURL = [NSURL fileURLWithPath:path];
            //        [self.webView loadFileURL:fileURL allowingReadAccessToURL:fileURL];
            
            // 针对 9.0 以上的iOS系统进行处理
            NSURL*Url = [NSURL fileURLWithPath:path];
            [self.webView loadRequest:[NSURLRequest requestWithURL:Url]];
        } else {
            
            //                将所有文件拷贝到tmp中,由于文件位置不同,所以分开拷贝,注意文件层级关系
            //                先拷贝其他要用到的html,文件在MyDirect里
            NSArray * array=@[@"a",@"b",@"c",@"d"];
            for (NSString * name in array) {
                [self onlyCopyFile:name type:@"html" directory:@"MyDirect" child:nil];
            }
            //                拷贝css  @"thecss.min.css" 这个文件在MyDirect下的css里
            [self onlyCopyFile:@"bootstrap.min" type:@"css" directory:@"MyDirect/css" child:@"css"];
            //                拷贝图片,图片存在这个文件在MyDirect下的img里
            NSArray * arrayImage=@[@"img1",@"img2",@"img3"];
            
            for (int i=0; i<arrayImage.count; i++) {
                NSString * name=arrayImage[i];
                NSString * type=@"png";
                [self onlyCopyFile:name type:type directory:@"MyDirect/img" child:@"img"];
            } 
            //这才是加载的重点,将当前要使用的HTML文件copy到tmp,然后进行加载
            NSURL *fileURL = [self copyFileToTmp:[NSURL fileURLWithPath:path] childDirect:nil];
            //            NSURL *fileURL = [self fileURLForBuggyWKWebView8:pathUrl childDirect:nil];
            NSURLRequest *request = [NSURLRequest requestWithURL:fileURL];
            [self.webView loadRequest:request];
        }
    }

这是为了copy各种不同层级的文件而写的,如果不需要copy这么多东西,这个方法可以省掉

//仅仅复制文件  child 是子文件夹名字,为了传值写的,directory是文件路径
-(void)onlyCopyFile:(NSString *)name type:(NSString *)type directory:(NSString *)directory child:(NSString *)child{
    NSString *pathChild = [[NSBundle mainBundle] pathForResource:name ofType:type inDirectory:directory];
//    注释部分是另一种获取URL的方式
//    NSString *str=[NSString stringWithFormat:@"%@/%@.%@",directory,name,type];
//    NSURL * pathUrl=[[NSBundle mainBundle] URLForResource:str withExtension:nil];
    if (pathChild) {
        [self copyFileToTmp:[NSURL fileURLWithPath:pathChild] childDirect:child];
        //        [self fileURLForBuggyWKWebView8:pathUrl childDirect:child];
    }
}
因为是代码复制之后加的注释,以及部分文件名字修改,如有拼写错误还请大家指出
原创文章 6 获赞 4 访问量 2893

猜你喜欢

转载自blog.csdn.net/wojiaoqiaoxiaoqiao/article/details/79876904