主要针对WKWebview
001
WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init];
config.userContentController = [[WKUserContentController alloc] init];
[config.userContentController addScriptMessageHandler:self name:@"Native"];
[config.userContentController addScriptMessageHandler:self name:@"toTaxRefundCalculation"]; // 方法名一定要和H5开发人员协商定好 self
[config.userContentController addScriptMessageHandler:self name:@"toPhasedCalculation"]; //切记 方法名一定要和H5开发人员协商定好 self
[config.userContentController addScriptMessageHandler:self name:@"toNews"]; //切记 消息中心 方法名一定要和H5开发人员协商定好 self
self.wkWebView = [[WKWebView alloc] initWithFrame:frame configuration:config];
[_wkWebView setAutoresizingMask:UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight];
[_wkWebView setNavigationDelegate:self];
[_wkWebView setUIDelegate:self];
[_wkWebView setMultipleTouchEnabled:YES];
[_wkWebView setAutoresizesSubviews:YES];
[_wkWebView.scrollView setAlwaysBounceVertical:YES];
_wkWebView.scrollView.bounces = NO;
[_wkWebView addObserver:self forKeyPath:NSStringFromSelector(@selector(estimatedProgress)) options:0 context:WkWebBrowserContext];
[self addSubview:self.wkWebView];
002 处理方法调用原生界面
- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message {
if ([message.name isEqualToString:@"toTaxRefundCalculation"]) {//跳转对应的原生界面
[self toTaxRefundCalculation];
}else if ([message.name isEqualToString:@"toPhasedCalculation"]){//跳转对应的原生页面
[self toPhasedCalculation];
}else if([message.name isEqualToString:@"toNews"]){//跳转对应的原生页面
[self toNews];
}
}
}
003 h5端的配置需要是这样的
window.webkit.messageHandlers.toTaxRefundCalculation.postMessage(@"toTaxRefundCalculation")
window.webkit.messageHandlers.toPhasedCalculation.postMessage(@"toPhasedCalculation")
window.webkit.messageHandlers.toNews.postMessage(@"toNews")
tip: 如果在本地测试可以调用原生，但是切换服务器不可以。此时多是服务器缓存问题，删除clean 卸载app 重新运行就可以了。
