使用.html,.js文件保存在iOS App的沙箱(Documents目录)中,以便我能够在离线模式下打开html文件

时间:2012-10-31 06:09:23

标签: javascript html ios uiwebview

我必须显示一个.html文件,它需要highcharts.js,jquery.min.js才能显示图形。我打算在UIWebView中显示.html文件。

我看到当文件(即.html,highcharts.js,jquery.min)在Application Bundle中时,我可以像这样使用它们 -

aPath = [[NSBundle mainBundle] pathForResource:@"htmlfile" ofType:@"html"]; [self.graphWebView loadRequest:[NSURLRequest requestWithURL:[NSURL fileURLWithPath:aPath isDirectory:NO]]];

这里,“htmlFile”有这样的来源 -

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TITLE</title>

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="highcharts.js"></script>
<script type="text/javascript" src="htmlfile.js"></script>
<script type="text/javascript" src="global.js"></script>
</head>
<body>
<div id="wrapper">

<div id="container"></div>    
</div>
</body>
</html>

因此,为了在UIWebView中显示内容,我只需要在Xcode的Build Phases选项卡中将.html文件和.js文件设为 Bundle Resources

问题:

当它保存在应用程序的沙盒中时,如何显示具有上述源的.html文件?

Wat我试过了:

1。我在App SandBox中创建了一个像这样的文件夹 -

  

NSArray * paths =   NSSearchPathForDirectoriesInDomains(NSDocumentDirectory,   NSUserDomainMask,YES);

     

NSString aFolderPath = [(NSString )[路径objectAtIndex:0] stringByAppendingFormat:@“/%@”,@“folder”];

if(![[NSFileManager defaultManager] isWritableFileAtPath:aFolderPath]){
     

[[NSFileManager defaultManager] createDirectoryAtPath:aFolderPath withIntermediateDirectories:NO attributes:nil error:nil];   }

2. 然后我从App Bundle中复制了App SandBox中的html,js文件,就像这样 -

  

NSString * aJs = [[NSBundle mainBundle] pathForResource:@“JSFile”   ofType:@ “JS”];

aJs = [NSString stringWithContentsOfFile:aGlobaljs encoding:NSUTF8StringEncoding error:nil];

NSString *aPath = [(NSString*)[paths objectAtIndex:0] stringByAppendingFormat:@"/folder/%@",@"JSFile.js"];

[aJs writeToFile:aPath atomically:YES encoding:NSUTF8StringEncoding error:nil];

现在所有需要的文件都在名为“文件夹”的SandBox文件夹中,因此,我尝试在UIWebView中打开保存的html文件,如下所示 -

  

[self.webView loadRequest:[NSURLRequest requestWithURL:[NSURL   URLWithString:pathToHtmlFileinDocumentsDic relativeToURL:[NSURL   URLWithString:aFolderPath]]]];

这不起作用。

2 个答案:

答案 0 :(得分:2)

您必须将文件保存在应用程序资源中,这里的技巧是维护JavaScript文件与HTML文件的相对链接。添加html包时,请选择“为任何添加的文件夹创建文件夹引用”。并在代码中调用您的html页面:

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

  NSURL *indexUrl = [NSURL fileURLWithPath:filePath];

所有Html页面(包括cssimagesjs)都位于“帮助”(或您拥有的任何其他名称)文件夹中。即,它就像在文件夹

中维护一个本地静态站点一样

答案 1 :(得分:0)

您可以在本地启动http服务器(例如通过https://github.com/robbiehanson/CocoaHTTPServer)并将/<appPath>/Documents/yourFolder设置为服务器根目录。 然后,您可以在UIWebView NSURL中打开,如下所示:http://localhost:8080/index.html