Cocoa WebView - 加载本地HTML页面

Question

浏览了一下之后，我仍然无法弄清楚这一点。 我已将HTML页面及其images目录添加到Xcode中的项目资源组中（复制它们）。

当我尝试使用以下代码加载WebView时，文本显示正常，但未加载图像。

NSString *path = [[[NSBundle mainBundle] resourcePath] stringByAppendingPathComponent:@"index.html"];
NSString *htmlContent = [NSString stringWithContentsOfFile:path];
NSURL *url = [NSURL fileURLWithPath:[[NSBundle mainBundle] bundlePath]];
[[tempWebView mainFrame] loadHTMLString:htmlContent baseURL:url];

编辑：抱歉延迟，这里有一些失败的基本HTML。

<html>
    <body> 
        <img src="images/bg.png"></img> 
    </body>
</html>

我编辑的代码看起来像这样 -

NSString *path = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"];
NSURL *url = [NSURL fileURLWithPath:path];
[[webView1 mainFrame] loadRequest:[NSURLRequest requestWithURL:url]];

编辑2：刚刚意识到这是路径的问题。 显然<img src = "images/bg.png">不起作用，但如果我将bg.png复制到根目录并说<img src = "bg.png">一切正常。 我仍然不确定我在哪里出错了。

Answer 1

考虑执行以下操作：

不要自己获取资源路径并将子路径装订到其上，而是要求捆绑包为您提供正确的路径。
而不是处理路径，请求捆绑包为您提供正确的URL 。 （需要Mac OS X 10.6或更高版本。）
不要将HTML内容直接注入到框架中，而是要求WebView加载URL 。

这会将您的代码减少到两行，如果HTML代码正确，则可以使用。

Answer 2

我认为这里的问题是在构建阶段如何将文件复制到资源目录。 在Xcode中显示为组的任何文件夹在复制时都将被展平。 如果要将整个网站文件夹结构添加到项目中，则必须在添加结构时选择“为任何添加的文件夹创建文件夹引用”。

例如：我有一个html文件，它引用同名文件夹中的图像。 我将所有这些添加到我选择'文件夹引用'的项目中：

添加文件

我的项目中的文件将如下所示（请注意蓝色文件夹）：

项目树

构建项目时，将维护Web内容文件夹：

捆绑包中的Resources文件夹

无需开始设置基本URL或使用字符串加载。 现在可以成功加载网页，如下所示：

NSURL *url = [[NSBundle mainBundle] URLForResource:@"LocalTestWeb" withExtension:@"html"];
[[self.webView mainFrame] loadRequest:[NSURLRequest requestWithURL:url]];

Answer 3

这段代码适合我（只有Canvas的问题）：

NSString* filePath = [[NSBundle mainBundle] pathForResource:@"index" 
                                                     ofType:@"html"
                                                inDirectory:@"html_files_folder"];
NSURL* fileURL = [NSURL fileURLWithPath:filePath];
NSURLRequest* request = [NSURLRequest requestWithURL:fileURL];
[[webView mainFrame] loadRequest:request];

Answer 4

您需要获取base64字符串中的图像文件数据。 并将该字符串放在img标签中，如下所示。

<img src="data:image/png;base64,iVBORw0KGgoAAAANS..." />

有关详细信息，请参阅此处： http ： //danielmclaren.com/node/90

Cocoa WebView - 加载本地HTML页面

问题描述

4 个解决方案

解决方案1
8 2010-10-08 04:46:55

解决方案2
4 2013-06-04 11:25:27

解决方案3
3 2011-07-27 18:09:03

解决方案4
1 2013-04-01 07:46:32

Cocoa WebView - 加载本地HTML页面

问题描述

4 个解决方案

解决方案1 8 2010-10-08 04:46:55

解决方案2 4 2013-06-04 11:25:27

解决方案3 3 2011-07-27 18:09:03

解决方案4 1 2013-04-01 07:46:32

解决方案1
8 2010-10-08 04:46:55

解决方案2
4 2013-06-04 11:25:27

解决方案3
3 2011-07-27 18:09:03

解决方案4
1 2013-04-01 07:46:32