Simpler bidirectional communication between JavaScript in a UIWebView and C# in your native app.
Reference the JsBridge project or DLL in your Project.
In the html files where you want to use JsBridge, include a copy of the mt.js file.
<script src="https://github.com/cdeutsch/JsBridge/raw/master/js/mt.js"></script>
Alernatively you can call InjectMtJavascript on your UIWebView but you will have to call it everytime a new page is loaded and since you usually have to wait until the page is loaded to do so, it is recommended to include mt.js instead to insure it's available when you need it.
From a UIWebView you can do the following:
Mt.API.info( 'This message will print on the native side using Console.WriteLine' );
Mt.App.fireEvent('promptUser', {
msg: 'Hi, this msg is from the browser.',
extra: 'You can send more then one property back',
question: 'Did you get this message?',
answer: 42
});
Mt.App.addEventListener('handleNativeEvent', function(data) {
if (data && data.ArbitraryProperty) {
console.log( data.ArbitraryProperty );
}
});
From your Xamarin application you can interact with your UIWebView as follows:
viewController.WebView.FireEvent( "handleNativeEvent", new {
Message = "The Native code says hi back. ;)",
ArbitraryProperty = "more properties",
Success = true
});
viewController.WebView.AddEventListener( "promptUser", delegate(FireEventData arg) {
// show a native action sheet
BeginInvokeOnMainThread (delegate {
var sheet = new UIActionSheet ( arg.Data["question"].ToString() );
sheet.AddButton ( "Yes" );
sheet.AddButton ( "No" );
sheet.CancelButtonIndex = 1;
sheet.ShowInView ( viewController.View );
});
});