Loading javascript into a UIWebView from resources

by

Here we go with a simple setup.

Create the following folder structure in your Resources folder.

Note that the blue folders are referenced ones

enter image description here

The css is just candy 🙂 In lib.js resides your javascript code which you’d like to use.

index.html

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="https://stackoverflow.com/questions/5733883/css/standard.css">

        <script src="js/lib.js" type="text/javascript" />
    </head>
    <body>
        <h2>Local Javascript</h2>

        <a href="javascript:alert('Works!')">Test Javascript Alert</a>      

        <br/>
        <br/>

        <a href="javascript:alertMeWithMyCustomFunction('I am');">External js test</a>
    </body>
</html>

lib.js

function alertMeWithMyCustomFunction(text) {
    alert(text+' -> in lib.js');
}

Loading of the content in the webview

Note: webView is a property, view created with instance builder

- (void)viewDidLoad
{   
    NSString *htmlPath = [[NSBundle mainBundle] pathForResource:@"index" 
                                                         ofType:@"html" 
                                                    inDirectory:@"/htdocs" ];

    NSString *html = [NSString stringWithContentsOfFile:htmlPath 
                                               encoding:NSUTF8StringEncoding 
                                                  error:nil];

    [webView loadHTMLString:html 
                    baseURL:[NSURL fileURLWithPath:
                             [NSString stringWithFormat:@"%@/htdocs/", 
                             [[NSBundle mainBundle] bundlePath]]]];
}

And this should be the results:

enter image description here
enter image description here

EDIT:

snowman4415 mentioned that iOS 7 does not like self closing tags script tags, so if something is not working on iOS 7, you may need to close the tag with </script>

More Related Contents:

  1. what all the main differences in cordova and phonegap [closed]
  2. Phonegap – Save image from url into device photo gallery
  3. iOS 8 removed “minimal-ui” viewport property, are there other “soft fullscreen” solutions?
  4. HTML5 Canvas drawImage ratio bug iOS
  5. Copy to clipboard using Javascript in iOS
  6. Call JavaScript function from native code in WKWebView
  7. Invoke method in objective c code from HTML code using UIWebView
  8. Error: No Firebase App ‘[DEFAULT]’ has been created – call Firebase App.initializeApp()
  9. Simplest way to detect a pinch
  10. Programmatically focus on next input field in mobile safari
  11. Prevent orientation change in iOS Safari
  12. Is there any way to use window.onbeforeunload on Mobile Safari for iOS devices?
  13. jQuery live scroll event on mobile (work around)
  14. Invoke native date picker from web-app on iOS/Android
  15. Why can’t JavaScript .play() audio files on iPhone safari?
  16. How to detect in iOS webapp when switching back to Safari from background?
  17. screen styling when virtual keyboard is active
  18. How can I run background tasks in React Native?
  19. ‘expo’ is not recognized as an internal or external command
  20. Prevent iOS bounce without disabling scroll ability
  21. how to intercept Button click inside UIWebview on IOS?
  22. Facebook OAuth “Unsupported” in Chrome on iOS
  23. TypeError: cli.init is not a function for react native
  24. Capture “done” button click in iPhone’s virtual keyboard with JavaScript
  25. How to open Safari from a WebApp in iOS 7
  26. How to detect iPad and iPad OS version in iOS 13 and Up?
  27. Is it possible, in JavaScript, to detect when the screen is turned off in the Android & iOS browsers
  28. Firebase logout user all sessions
  29. Low power mode detection in JavaScript for iOS11?
  30. Is there an alternative method to use onbeforeunload in mobile safari?

Leave a Comment