dukeland / easyjswebview Goto Github PK

Enable adding Javascript Interface to UIWebView like Android WebView

JavaScript 12.86% Objective-C 87.14%

easyjswebview's Introduction

EasyJSWebView - much simpler JS X Obj-C interaction

You are using UIWebView in your iOS app and you want to do some communications between the Javascript inside the WebView and Objective-C. How would you do it?

To run Javascript in Objective-C, you can use the – stringByEvaluatingJavaScriptFromString: method. To run Objective-C method, well it is a little bit tricky, you need to implement the UIWebViewDelegate and the shouldStartLoadWithRequest method.

Do you know how to do this in Android? You simply need to create a class and pass an instance to the WebView through addJavascriptInterface(Object object, String name).

EasyJSWebView is a library that allows you to do the same in Objective-C. Download it and try. I promise. It is much simpler to do the job!!!

You may find the sample project here.

###Some code to demonstrate So basically what you need to do is create a class like this.

@interface MyJSInterface : NSObject

- (void) test;
- (void) testWithParam: (NSString*) param;
- (void) testWithTwoParam: (NSString*) param AndParam2: (NSString*) param2;

- (NSString*) testWithRet;

@end

Then add the interface to your UIWebView.

MyJSInterface* interface = [MyJSInterface new];
[self.myWebView addJavascriptInterfaces:interface WithName:@"MyJSTest"];
[interface release];

In Javascript, you can call the Objective-C methods by this simple code.

MyJSTest.test();
MyJSTest.testWithParam("ha:ha");
MyJSTest.testWithTwoParamAndParam2("haha1", "haha2");

var str = MyJSTest.testWithRet();

Just that simple!!! EasyJSWebView will help you do the injection. And you do not even need to use async-style writing to get the return value!!!

But of course, sometimes we may need to use the async-style code. It is also supported. You can even get the return value from the callback function.

- (void) testWithFuncParam: (EasyJSDataFunction*) param{
  NSLog(@"test with func");
	
	NSString* ret = [param executeWithParam:@"blabla:\"bla"];
	
	NSLog(@"Return value from callback: %@", ret);
}

And in Javascript,

MyJSTest.testWithFuncParam(function (data){
	alert(data); //data would be blabla:"bla
	return "some data";
});

Simple, huh!?

Try it now!!!

###Some simple facts

NSInvocation does not live peacefully with ARC. This library is thus a non-ARC library.
It supports only NSString* for message passing now.
We are Dukeland from Hong Kong! A group of IT-holic guys

easyjswebview's People

Contributors

Stargazers

Watchers

easyjswebview's Issues

how to send array value for js methods

interfacename : app
js method for html page (test.html)
var keys = ['title','header'];
alert(app.testwitharrayret(keys));
how to excute the params for array
(NSArray_)testwitharrayret:(EasyJSDataFunction_)params{
NSLog(@"test with param: %@ ", params);
NSArray *obj_arr = [NSArray arrayWithObjects:@"share",@"social", nil];
params.removeAfterExecute = NO;
return [params executeWithParams:obj_arr];
}

hi dukeland. kindly canplease help me this issue

EasyJSWebView not working with PhoneGap

Hello. My app can't call 'addJavascriptInterfaces' method with PhoneGap to iOS. Can't find 'MyJSTest' js variable. I checked all the #import declarations. Any idea? Thank you in advance.

Invalid under secondary loading

Invalid under secondary loading，How to solve

Break on reload

In using this library I have noticed that the functionality breaks when reloading a page or navigating to a new page.

_webView.delegate = self;

javaScriptInterface* interface = [javaScriptInterface new];

[self.webView addJavascriptInterfaces:interface WithName:@"interface"];

interface.webView = self;

[interface release];

[[NSURLCache sharedURLCache] removeAllCachedResponses];

 [_webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"mywebpage.com"]]];

This is the code I use for an initial load of the page. If I call another loadrequest on the same webview the communication between javascript and obj-c stops working. I am working with a web page that is designed to make a lot of calls to these interface functions, and without them the webpage is broken.

This also doesn't work if I try to add a new interface before reloading.

Is there any work around or fix to this? At the moment I am creating a new webview everytime I need to reload and destroying the old one, but would like to use one webview for everything.

No type or protocol named "UIWebViewDelegate" in EasyJSWebViewProxyDelegate.h

when invoked dealloc method in EasyJSWebView.h,it collapsed

we should release child first,then release parent

Add License to Project

My team and I are interested in using this library but unfortunately cannot until you release the project with an open source license (preferably MIT, BSD, or Apache). Thanks!

Callbacks are ignored sometimes

It seems that sometimes, callbacks are ignored. It appears notably when we call multiple times the same interface method in a small gap of time.

This is caused by iframe loading in easyjs-inject.js :

iframe.setAttribute("src", "easy-js:" + obj + ":" + encodeURIComponent(functionName) + argStr);
document.documentElement.appendChild(iframe);
iframe.parentNode.removeChild(iframe);
iframe = null;

This triggers a call to (void)webViewDidStartLoad:(UIWebView *) in EasyJSWebViewProxyDelegate that reinjects again the EasyJS callback handling, resetting the EasyJS.__callbacks variable to an empty array, forgotting any other callbacks in progress.

Solved

Solved by injecting the EasyJS javascript stuff ONLY one time, by checking a boolean variable set to true when the javascript stuff is injected.

In the same method :

if (!_injectJSDone) {
        NSString* js = INJECT_JS;
        //inject the basic functions first
        [webView stringByEvaluatingJavaScriptFromString:js];
        //inject the function interface
        [webView stringByEvaluatingJavaScriptFromString:injection];
        
        _injectJSDone = YES;
    }

Name change

I am unable to change my MyJSTest with SomeMethod
```
/*
A sample URL structure:
easy-js:SomeMethod:test
easy-js:SomeMethod:testWithParam%3A:haha
*/



My HTML Page change

function onReady()
{
var result= SomeMethod.getUserInfo();
alert(result);
}


And this is the way i calling it

MyJSInterface* interface = [MyJSInterface new];
[self.myWebView addJavascriptInterfaces:interface WithName:@"SomeMethod"];

dukeland / easyjswebview Goto Github PK

easyjswebview's Introduction

EasyJSWebView - much simpler JS X Obj-C interaction

easyjswebview's People

Contributors

Stargazers

Watchers

Forkers

easyjswebview's Issues

Solved

Recommend Projects

Recommend Topics

Recommend Org