iOS UIWebView 加载本地资源html/css/js/image的两种用法区别

一、全部加载到根目录中

创建文件时放入根目录或者拖拽文件进项目时选中 Create groups 如图:


iOS UIWebView 加载本地资源html/css/js/image的两种用法区别_第1张图片
image.png

这时你的资源会全部加载在根目录中,这时你的html代码引用资源时不用添加路径,直接使用文件名,如




二、按原文件目录结构加载

资源文件拖拽进项目时选择 Create folder references,如图


iOS UIWebView 加载本地资源html/css/js/image的两种用法区别_第2张图片
image.png

这里你引用资源文件就要使用原本的资源路径,如图


iOS UIWebView 加载本地资源html/css/js/image的两种用法区别_第3张图片
image.png



iOS代码区别
- (UIWebView *)myWebView {
    if (_myWebView == nil) {
        _myWebView = [[UIWebView alloc] init];
        // 第一种
        NSString *path = [[NSBundle mainBundle] bundlePath];
        NSURL *baseURL = [NSURL fileURLWithPath:path];
        NSString * htmlPath = [[NSBundle mainBundle] pathForResource:@"index"
                                                              ofType:@"html"];
        NSString * htmlCont = [NSString stringWithContentsOfFile:htmlPath
                                                        encoding:NSUTF8StringEncoding
                                                           error:nil];
        [_myWebView loadHTMLString:htmlCont baseURL:baseURL];
    }
    return _myWebView;
}
- (UIWebView *)myWebView {
    if (_myWebView == nil) {
        _myWebView = [[UIWebView alloc] init];
       // 第二种
        [_myWebView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"yxxTeacherload/index.html" relativeToURL:[[NSBundle mainBundle] bundleURL]]]];

    }
    return _myWebView;
}

你可能感兴趣的:(iOS UIWebView 加载本地资源html/css/js/image的两种用法区别)