Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

iOS loadHtmlString in UIWebView doesn't work with Javascript

I have a iOS app to load a html string which refer to external css file and javascript file in the same directory.

Here is my html file:

<html>
<head>
    <meta name="viewport" content= user-scalable="no", width="device-width" />
    <meta http-equiv="Content-Type" content="text/html"; charset="UTF-8"/> 
    <link rel="stylesheet" type="text/css" href="mystyle.css" />
    <script type="text/javascript" src="myjavascript.js"></script>
</head>

The css file works fine but it seems the js file never loaded. What could be the reason?

By the way I'm using loadHtmlString: BaseUrl method to load my html string.

Thanks

like image 974
Bagusflyer Avatar asked Jun 28 '12 02:06

Bagusflyer


2 Answers

This question is a bit old, but since it has not been answered, I would like to point out that if you would like your web view to load a javascript file residing in your bundle, the way to do it is:

[webView loadHTMLString:html
               baseURL:[NSURL fileURLWithPath:[[NSBundle mainBundle] bundlePath]]];

If you don't specify the baseURL there is no chance that the javascript file is loaded.

like image 128
sergio Avatar answered Oct 13 '22 19:10

sergio


By default, xcode will put new Javascript files in Compile Resources instead of Bundle Resources. Click on your project, then on your target. Under 'Build Phases' you may see the Javascript files under 'Compile Sources'. Drag them to down to 'Copy Bundle Resources'.

like image 37
Kevin Borders Avatar answered Oct 13 '22 19:10

Kevin Borders