html - UIWebView 中带有 HTML 和 CSS 的 iPhone native 应用程序

Question

我已将我的 Html、CSS 和图像文件添加到我的 Xcode 应用程序包中。

在我的元素中，我像这样在 UIWebView 中加载了 Html 内容，

NSString *htmlPath = [[NSBundle mainBundle] pathForResource:@"myFile" ofType:@"html" inDirectory:nil];
NSString *htmlString = [NSString stringWithContentsOfFile:htmlPath encoding:NSUTF8StringEncoding error:nil];

NSURL *Url = [NSURL fileURLWithPath:htmlString];
[self.webView loadHTMLString:htmlString baseURL:Url];

Html 文件已加载，但缺少 CSS 和图像。

在我的 Html 文件中添加如下 CSS 和图像，

<link href="/css/myCss.css" type="text/css" rel="stylesheet"/>

   <img class"icon" alt="" src="/img/icon.png" />

需要帮助来解决这个问题。

Answer 1

首先，删除 html 文件路径中的初始/，这样您就可以:

<link href="css/myCss.css" type="text/css" rel="stylesheet"/>

<img class"icon" alt="" src="img/icon.png" />

确保在添加文件时使用“文件夹”选项:“为任何添加的文件夹创建文件夹引用”。

在 webview 中加载 html 的代码可以简化为:

NSURL *url = [NSURL fileURLWithPath:[[NSBundle mainBundle] pathForResource:@"myFile" ofType:@"html" inDirectory:nil];

[self.webView loadRequest:[NSURLRequest requestWithURL:url]];

我还建议将您的 html 资源放入“www”或“html”文件夹而不是基本文件夹。