iphone - iPad 使用图像和 javascript 将本地 HTML 加载到 Web View 中

Question

编辑:

所以答案在这篇文章中:Loading javascript into a UIWebView from resources

您会在此处找到加载带目录的 HTML5 应用程序所需了解的所有信息，只需确保单击显示为“为任何添加的文件夹创建文件夹引用”的单选按钮，将文件拖放到 Xcode 项目中即可。然后只需使用我在此处添加的链接上的代码即可。

感谢 Sergio 的帮助。

---

我已经多次浏览 StackOverflow，但我在那里找到的所有代码都无法显示我的 html5 应用程序的图像。困难的部分似乎是从不同的子目录加载文件。我不想将所有内容都放在根目录中，然后在 Xcode 中使用这些组，因为我将不得不重构大量 HTML5 代码。

我想将其构建为轻型容器，而不必使用 PhoneGap。此外，PhoneGap 还带有更多错误(我测试了我们的应用程序，它在 iPad 上崩溃了，但在 iPhone 上运行良好)。处理事物的 HTML5 方面和 Cocoa Touch 已经够难的了。

下面是我加载 HTML 页面的方式:

[webView loadRequest:[NSURLRequest requestWithURL:
       [NSURL fileURLWithPath:[[NSBundle mainBundle] 
       pathForResource:@"index" ofType:@"html"]isDirectory:NO]]]; 

我找到了一些解决方案，在将文件添加到资源文件夹时，它让我更接近“为任何添加的文件夹创建文件夹引用”，我现在可以看到正在加载的一些图像。 JS 似乎没有正常工作。我已经测试了这个应用程序从本地服务器上运行的 URL 加载它，在这种情况下它确实有效。

所以 CSS 显然可以工作，图像也是，但 JS 似乎是个问题。

希望我能尽快找到答案。

---

旧

(这是我以错误的方式包含文件夹的时候)

所以你们不必想知道我看到了什么(在我看来 js 和图像没有加载，我在 HTML5 应用程序上确实有子目录):

---

与此相关的有趣帖子:

Loading javascript into a UIWebView from resources Link to resources inside WebView - iPhone

Answer 1

实际上，您可以通过以下方式在 UIWebView 中加载本地 HTML:

– loadHTMLString:baseURL:

您唯一需要注意的是如何指定 baseURL 以便它转到您的本地资源目录。所以，如果您在 HTML 中添加:

<img src="localImage.png" />
<link rel="stylesheet" type="text/css" href="theme.css" />
<script type="text/javascript" src="filename.js"></script>

这将在您的项目资源中找到。

绝对有效。您的 HTML 和 javascript 源代码可能存在一些“问题”(例如，使用子目录或绝对 URL)。

编辑:

如果您需要在应用的 Resources 目录内的目录中组织资源(图像和脚本)，请参阅此 S.O. topic .

要获取资源目录的路径，请使用:

 NSString* filePath = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"];  

另一种方法是将您的所有文件托管在应用程序的 Documents 目录中(这是为用户内容保留的)。在这种情况下，我想您可以下载您的应用程序的存档并将其安装在文档目录中。