StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>Inside your html code use this snippet:</p> <pre><code><html> <head> <script> function iOSNativeBridge(){ this.sendRawMessageToiOS = function(message){ // alert(message); console.log("Message string to iOS: [" + message+ "]"); var iframe = document.createElement("IFRAME"); iframe.setAttribute("src", "jscall://" + message); document.documentElement.appendChild(iframe); iframe.parentNode.removeChild(iframe); iframe = null; }; } bridge = new iOSNativeBridge(); </script> </head> <body> <a href="javascript:bridge.sendRawMessageToiOS('your message');">link</a> <input type="button" value="button val" name="button" id="1" onClick="javascript:bridge.sendRawMessageToiOS('your message');"> </body> </html> </code></pre> <p>on native side, in uiwebview's delegate method:</p> <pre><code>- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType { NSString *jsCallPrefix = @"jscall://"; NSString *fullURLRequested = request.URL.absoluteString; BOOL isJavaScriptCall = ([fullURLRequested hasPrefix:jsCallPrefix]); if (isJavaScriptCall) { NSString *messageConveyed = [fullURLRequested substringFromIndex:jsCallPrefix.length]; NSLog(@"Your message was: %@", messageConveyed); return NO; } return YES; } </code></pre> <p>With regards to the code on web side - I don't juggle with this dynamically created iframe without a reason. At first glance, it would seem sufficient just to change the location on webview's page (call document.location.href = "jscall://message"). The worst thing is, that is actually seems to work great. Unfortunately, if you take this shortcut, JS timers are messed up greatly. So take my advice - use this little, weird-looking, but <em>working</em> without any side-effects "sendRawMessageToiOS" as is :)</p> <p>Little more in-depth description of what's going on in the above code: In the web-code, whenever I want to push some data to the native-side of my app, I call sendRawMessageToiOS(dataInStringToSend). It creates an iframe, adds it to the DOM tree and sets it's location to be "jscall://" + dataInStringToSend Then, as expected, the uiwebview's delegate is asked, whether or not I'm willing to start the request to download a content from a given address. I check if it's actual address (and return YES then) or only this masquerade with special "jscall://" prefix. If it is this special call, I read data that's conveyed with it, and respond NO (because webview should not try to start any real request).</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload