iOS JavaScript bridge

by

There are a few libraries, but I didn’t used any of these in big projects, so you might want to try them out:

—

However, I think it’s something simple enough that you might give it a try yourself. I personally did exactly this when I needed to do that. You might also create a simple library that suits your needs.

1. Execute JS methods from Objective-C

This is really just one line of code.

NSString *returnvalue = [webView stringByEvaluatingJavaScriptFromString:@"your javascript code string here"];

More details on the official UIWebView Documentation.

2. Execute Objective-C methods from JS

This is unfortunately slightly more complex, because there isn’t the same windowScriptObject property (and class) that exists on Mac OSX allowing complete communication between the two.

However, you can easily call from javascript custom-made URLs, like:

window.location = yourscheme://callfunction/parameter1/parameter2?parameter3=value

And intercept it from Objective-C with this:

- (BOOL)webView:(UIWebView*)webView shouldStartLoadWithRequest:(NSURLRequest*)request navigationType:(UIWebViewNavigationType)navigationType {
   NSURL *URL = [request URL]; 
   if ([[URL scheme] isEqualToString:@"yourscheme"]) {
       // parse the rest of the URL object and execute functions
   } 
}

This is not as clean as it should be (or by using windowScriptObject) but it works.

3. Listen to native JS events from Objective-C (for example DOM ready event)

From the above explanation, you see that if you want to do that, you have to create some JavaScript code, attach it to the event you want to monitor and call the correct window.location call to be then intercepted.

Again, not clean as it should be, but it works.

More Related Contents:

  1. How to invoke Objective-C method from Javascript and send back data to Javascript in iOS?
  2. HTML5 Canvas drawImage ratio bug iOS
  3. Programmatically selecting text in an input field on iOS devices (mobile Safari)
  4. Invoke method in objective c code from HTML code using UIWebView
  5. Javascript console.log() in an iOS UIWebView
  6. Javascript in UIWebView callback to C/Objective-C
  7. Prevent orientation change in iOS Safari
  8. Invoke native date picker from web-app on iOS/Android
  9. Can I use Javascript to get the compass heading for iOS and Android?
  10. What are some methods to debug Javascript inside of a UIWebView?
  11. Impossible to hide navigation bars in Safari iOS 7 for iPhone/iPod touch
  12. How can I request an increase to the HTML5 localstorage size on iPad, like the FT web app does?
  13. Prevent iOS bounce without disabling scroll ability
  14. how to intercept Button click inside UIWebview on IOS?
  15. Detect if page is loaded inside WKWebView in JavaScript
  16. How to properly use jsPDF library
  17. How to get the element clicked (for the whole document)?
  18. Prevent form redirect OR refresh on submit?
  19. Can I get image from canvas element and use it in img src tag?
  20. Is it possible to access Shadow DOM elements through the parent document?
  21. Reset select value to default
  22. How to develop Desktop Apps using HTML/CSS/JavaScript? [closed]
  23. Counting and limiting words in a textarea
  24. Writing file to desktop using HTML5 FileSystem API
  25. How can I prevent refresh of page when button inside form is clicked?
  26. Passing JSON data from php to html-data attribute and then to Javascript
  27. Placeholder for contenteditable div
  28. What’s the best way to automatically insert slashes ‘/’ in date fields
  29. assign color to mouse cursor using CSS
  30. Change background on button click, using CSS only? [duplicate]

Leave a Comment