使用.html,.js文件保存在iOS App的沙箱(Documents目录)中,以便我能够在离线模式下打开html文件 [英] Using .html, .js file saved in the sandbox(Documents directory) of an iOS App so that I am able to open the html file in offline mode as well

查看:186
本文介绍了使用.html,.js文件保存在iOS App的沙箱(Documents目录)中,以便我能够在离线模式下打开html文件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

I have to display an .html file which needs highcharts.js, jquery.min.js in order to display a graph. I am planning to display the .html file in a UIWebView.

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

I saw that when the files(i.e. html, highcharts.js, jquery.min) are in the Application Bundle, I can use them like this--

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

在这里, htmlFile有这样的来源 -

Here, the "htmlFile" has the source like this -

 <!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中显示内容,我只需要制作.html文件和.js文件在Xcode的Build Phases选项卡中作为 Bundle Resources

So, in order to display the content in UIWebView, i just needed to make the .html file and .js files as Bundle Resources in Xcode's Build Phases Tab.

问题:

如果将.html文件保存在应用程序的沙盒中,如何显示上面显示的源?

How do display the .html file having the source like shown above when It is saved in the App's Sand Box?

Wat我试过了:

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

1. I created a folder in the App SandBox like this--


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

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

NSString aFolderPath = [(NSString )[paths objectAtIndex:0] stringByAppendingFormat:@/%@,@folder];

NSString aFolderPath = [(NSString)[paths objectAtIndex:0] stringByAppendingFormat:@"/%@",@"folder"];

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

[[NSFileManager defaultManager] createDirectoryAtPath:aFolderPath withInt ermediateDirectories:NO属性:nil error:nil];
}

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

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

2. Then I copied the html, js files in the App SandBox from the App Bundle like this--


NSString * aJs = [[NSBundle mainBundle] pathForResource:@JSFile
ofType: @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文件 -

Now all the needed files are in the SandBox Folder named "folder", so, I tried to open the saved html file in the UIWebView like this--


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

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

这不起作用。

推荐答案

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

You will have to keep your files in your apps resources, the trick here is to maintain the relative linking of the JavaScript files with the HTML files. When adding your html package select "Create folder reference for any added folders". and call your html page like this in code:

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

  NSURL *indexUrl = [NSURL fileURLWithPath:filePath];

所有Html页面(包括 css images js )在帮助(或您拥有的任何其他名称)文件夹中。即,就像在文件夹

Where all your Html pages (including css, images, js) are in Help (or any other name you have) folder. i.e., its like maintaining a local static site inside the folder

这篇关于使用.html,.js文件保存在iOS App的沙箱(Documents目录)中,以便我能够在离线模式下打开html文件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆