CSS and Javascript not loading in iOS webview

Question

I am using WebView to load locally referenced HTML files into my app. I have the folder structure:

-assets/
   -www/
     -css/
     -images/
     -js/
     -index.html

index.html uses relative paths to link to the various css, javascript and image files eg:

<script src="js/functions.js" type="text/javascript"></script>
<link href="css/style.css" media="screen" rel="stylesheet" type="text/css" >

Because I am using relative paths I am loading the HTML content into the WebView by using this code in ViewController.h

NSURL *url = [NSURL fileURLWithPath:[[NSBundle mainBundle] pathForResource:@"index" ofType:@"html" inDirectory:@"assets/www"]];
[webView loadRequest:[NSURLRequest requestWithURL:url]];

When I run the iOS simulator the page successfully loads and displays an image from the images folder on the page. However the CSS and Javascript files do not load. Where am I going wrong?

I cleaned up the Build. Product -> Clean and the page loaded with the CSS and Javascript. — amburnside
– amburnside, Commented Mar 5, 2014 at 12:01

shtefane · Accepted Answer · 2014-03-05 11:50:09Z

1

Change path to file .js and .css like this:

 <script src="../js/functions.js" type="text/javascript"></script>
 <link href="../css/style.css" media="screen" rel="stylesheet" type="text/css" >

answered Mar 5, 2014 at 11:50

shtefane

4542 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

amburnside Over a year ago

The files aren't down a directory

Collectives™ on Stack Overflow

CSS and Javascript not loading in iOS webview

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related