iOS调用JS的方法:
//js方法名+参数
NSString* jsCode = [NSString stringWithFormat:@"initCarLicenseInfo('%@')",object];
//调用html页面的js方法
[webView stringByEvaluatingJavaScriptFromString:jsCode];
JS调用iOS的方法:
这里iOS通过拦截H5触发的alert来实现调用,H5触发一个alert弹窗,将要调用的iOS方法名作为弹窗内容,iOS这边通过以下方法拦截这个弹窗,获取到方法名称,然后实现调用
@interface UIWebView (JavaScriptAlert)
- (void)webView:(UIWebView *)sender runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(CGRect *)frame;
@end
@implementation UIWebView (JavaScriptAlert)
- (void)webView:(UIWebView *)sender runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(CGRect *)frame {
if ([message isEqualToString:kShowTakePhotoButton]) {
[[NSNotificationCenter defaultCenter] postNotificationName:kShowTakePhotoButton object:message];
}
else if([message isEqualToString:kHideTakePhotoButton]) {
[[NSNotificationCenter defaultCenter] postNotificationName:kHideTakePhotoButton object:message];
}
else
{
[DXCommon showAlertMessage:message];
}
NSLog(@"h5 message = %@",message);
}
@end
只要将以上类别导入到iOS工程中去就OK了,方法的实现是app工具自己的情况去实现,例如这里我拦截到kShowTakePhotoButton和kHideTakePhotoButton的时候分别抛出通知调用相应的方法,并且没有弹框,其他时候正常弹框;
实现类似微信里面浏览H5:
加载H5的并使用原生导航栏的时候,我们通过webView.canGoBack来判断是否是返回到最后一级页面,如果不是最后一级,添加关闭按钮(实现导航控制器pop),而返回按钮实现[webView goBack];方法来实现返回上一级页面,否则导航控制器pop;