13

I have a Cocoa app that uses a WebView to display an HTML interface. How would I go about calling an Objective-C method from a Javascript function within the HTML interface?

4 Answers 4

10

This is documented at developer.apple.com.

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

5 Comments

Thanks, somehow missed that in my Google searches :)
For anyone searching for iOS help, note that the above answer is Mac-only.
Note that the link has changed, so this link-only answer is not useful anymore.
The link points to "Using JavaScript from Objective-C", which wasn't the question. This page shows how to call obj-C methods from JavaScript: developer.apple.com/library/mac/#documentation/…
good sample including most of usage scenarios is : CallJS - developer.apple.com/library/mac/samplecode/CallJS/Introduction/…
4

Being rather green, Apple's documentation is pretty unusable for me, so I made a proof of concept of calling Objective C methods from javascript and vice versa in Cocoa, though the latter was much easier.

First make sure you have your webview as the setFrameLoadDelegate:

[testWinWebView setFrameLoadDelegate:self];

You need to tell the webview to watch for a specific object as soon as it's loaded:

- (void)webView:(WebView *)sender didClearWindowObject:(WebScriptObject *)windowScriptObject forFrame:(WebFrame *)frame {
    //add the controller to the script environment
    //the "ObjCConnector" object will now be available to JavaScript
    [windowScriptObject setValue:self forKey:@"ObjCConnector"];
}

Then the business of the communication:

// a few methods to log activity
- (void)acceptJavaScriptFunctionOne:(NSString*) logText {
    NSLog(@"acceptJavaScriptFunctionOne: %@",logText);
}
- (void)acceptJavaScriptFunctionTwo:(NSString*) logText {
    NSLog(@"acceptJavaScriptFunctionTwo: %@",logText);
}

//this returns a nice name for the method in the JavaScript environment
+(NSString*)webScriptNameForSelector:(SEL)sel {
    NSLog(@"%@ received %@ with sel='%@'", self, NSStringFromSelector(_cmd), NSStringFromSelector(sel));
    if(sel == @selector(acceptJavaScriptFunctionOne:))
        return @"functionOne"; // this is what you're sending in from JS to map to above line
    if(sel == @selector(acceptJavaScriptFunctionTwo:))
        return @"functionTwo"; // this is what you're sending in from JS to map to above line
    return nil;
}

//this allows JavaScript to call the -logJavaScriptString: method
+ (BOOL)isSelectorExcludedFromWebScript:(SEL)sel {
    NSLog(@"isSelectorExcludedFromWebScript: %@", NSStringFromSelector(sel));
    if(sel == @selector(acceptJavaScriptFunctionOne:) ||
       sel == @selector(acceptJavaScriptFunctionTwo:))
        return NO;
    return YES;
}

The key is that if you have multiple methods you'd like to call, you need to have them all excluded in the isSelectorExcludedFromWebScript method, and you need the javascript call to map out to the ObjC method in webScriptNameForSelector.

Full project proof of concept file: https://github.com/bytestudios/JS-function-and-ObjC-method-connector

1 Comment

Thanks for useful information. This answer really helps me a lot!!
3

If you wanna do it in iPhone apps, you would need to do a trick with the UIWebViewDelegate method shouldStartLoadWithRequest:

This api http://code.google.com/p/jsbridge-to-cocoa/ does it for you. It is very lightweight.

Comments

0

I have a solution using NimbleKit. It can call Objective C functions from Javascript.

1 Comment

how very nice for you, how about sharing it?

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.