UIWebView doesn't load external JavaScript file
I have the following innocent-looking code (index.html), but it doesn't load the code.js
file. It works well if I copy/paste the contents of the file in the HTML page. Both index.html
and code.js
files are in the same directory.
index.html:
<html>
<head>
<script type="text/javascript" src="code.js"></script>
</head>
<body onload="drawImage()">
<div><canvas id="canvas" width="320" height="480"></canvas></div>
</body>
</html>
ViewController.m:
- (void)viewDidLoad {
[super viewDidLoad];
// load the first webpage
[homePageWebView loadRequest:[NSURLRequest requestWithURL:[NSURLfileU开发者_开发百科RLWithPath:
[[NSBundle mainBundle] pathForResource:@"index"ofType:@"html"] isDirectory:NO]]];
}
I have found that Xcode thinks that the js file needs to be compiled.
Open the project in Xcode. Go to "Targets" and look in "Compile Sources". If you see your js file in that folder, move it to the "Copy Bundle Resources" folder and delete it from the "Compile Sources" folder.
Delete the app from your iPhone if it is installed already for testing. Go to the Build menu in Xcode and Clean all Targets. Then recompile.
Check now to see if your HTML file actually sees your js file now.
Linda
You need to read the html file into a string and set the baseURL when loading so relative paths can be understood.
NSError* error;
NSString* html = [NSString stringWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"] encoding:NSASCIIStringEncoding error:&error];
[webview loadHTMLString:html baseURL:[self getBaseURL]];
- (NSURL*) getBaseURL {
NSString* path = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"];
NSRange r = [path rangeOfString:@"/" options:NSBackwardsSearch];
path = [path substringToIndex:r.location];
path = [path stringByReplacingOccurrencesOfString:@"/" withString:@"//"];
path = [path stringByReplacingOccurrencesOfString:@" " withString:@"%20"];
path = [NSString stringWithFormat:@"file:/%@//",path];
return [NSURL URLWithString:path];
}
Something like that should work for you.
To supplement Linda's Answer here is where you find the files:
I also faced the same problem: I overcame it by doing the simple thing when adding the files to XCode I did a small change that is shown in the figure below:
In the figure below, one is for adding HTML, Javascript and CSS like files and the second is for general XCode files.
精彩评论