美文网首页
iOS--UIWebView加载本地html文件(显示资源图片,

iOS--UIWebView加载本地html文件(显示资源图片,

作者: 博BlingBing | 来源:发表于2016-11-14 16:05 被阅读2432次

    项目中需要加载本地的html,在添加到工程中时,发现不显示本地的资源图片文件,而且样式也跟浏览器打开的不一样。初步判断是资源路径读取的问题。

    鉴于iOS沙盒机制的问题,这些资源文件在编译过程中,都被保存到同一资源路径下了。所以就需要我们修改html中图片资源的读取位置。

    如本地html中有如下代码,拖动文件到Xcode,提示两个选择,“create groups”和“create folder references”.
    *** 默认情况下为第一种,即所有加入到项目的文件都会在mainBundle根路径下,即不管加入项目的文件的目录结构如何,在APP中都可以通过mainBundlePath/filename来访问到;
    *** 如果采用第二种方式,则就会保留相对路径,需要通过mainBundlePath/path/filename来访问。通过这两种方式到项目的文件夹显示具有不同的颜色。 选择“create groups”,文件夹颜色为黄色。

    html里有一个路径的问题( link href= “”),在Xcode中, Xcode不能找到像url(”../images/photo.png”)这种路径,所以应该在Xcode中调整下html文件访问本页面图片和css样式文件的路径。

    示例代码:
    
    NSString *path = [[NSBundle mainBundle] pathForResource:@”index” ofType:@”html”];
    
    NSString *htmlString = [NSString stringWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil];
    
    NSString *basePath = [[NSBundle mainBundle] bundlePath];
    
    NSURL *baseURL = [NSURL fileURLWithPath:basePath];
    
    [self.webView loadHTMLString:htmlString baseURL:baseURL];
    

    要注意的就是,因为baseURL的:baseURL

    操作以经把项目根目录统一在项目下。加载index.html中的image, css的话。就不再需要路径(直接填写图片名, css文件名)。这样的html 就可以正常显示html的完整内容了。

    2.选择“create folder references”。蓝色的文件夹。文件夹名字为urlName,里面包含一个名为index的html文件。

    代码如下:
    
    NSURL * url = [NSURL URLWithString:[[NSBundle mainBundle] pathForResource:@”index” ofType:@”html” inDirectory:@”urlName”]];
    
    NSURLRequest * request = [NSURLRequest requestWithURL:url];
    
    [self.webView loadRequest:request];
    

    相关文章

      网友评论

          本文标题:iOS--UIWebView加载本地html文件(显示资源图片,

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