iOS APP与H5交互的三种方法

这种方法是利用拦截webView响应的url，对url进行处理，同时把需要执行的方法名和参数都放入url中，实现app和H5之前的方法交互：

这个属性是WKWebView才有的属性，主要是通过WKScriptMessageHandler的代理方法 - (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message 进行交互。

注意：

这两个方法是成对出现的，每次调用了add就必须调用remove。

1.建立 WebViewJavaScriptBridge 和 WebView 之间的关系。

_jsBridge = [WebViewJavascriptBridge bridgeForWebView:_webView]

2.方法调用

1)oc调js方法（通过data可以传值，通过 response可以接受js那边的返回值 ）

2)js调oc方法（可以通过data给oc方法传值，使用responseCallback将值再返回给js）

最后：iOS调用H5方法

UIWebView： NSString *result = [webView stringByEvaluatingJavaScriptFromString:@"javascript:add(3,5)"]

WKWebView: [self.webView evaluateJavaScript:@"show()" completionHandler:^(id _Nullable response, NSError * _Nullable error) { //TODO }]

iOS调用H5方法

UIWebView：NSString *result = [webView stringByEvaluatingJavaScriptFromString:@"javascript:add(3,5)"]

WKWebView:[self.webView evaluateJavaScript:@"show()" completionHandler:^(id _Nullable response, NSError * _Nullable error) { //TODO }]

移动web聊天页面，输入框在底部的时候，点击输入，d起软键盘，iOS在将页面推上的时候会回d一下，导致键盘刚好遮挡到输入框。

初次触发输入框的focus的时候，iOS 键盘默认是以英文键盘高度推上页面，但一般我们的默认输入是中文，会导致软键盘的高度变化，中文输入键盘高度高于英文，所以导致了遮挡。

Element.scrollIntoViewIfNeeded() 方法用来将不在浏览器窗口的可见区域内的元素滚动到浏览器窗口的可见区域。 如果该元素已经在浏览器窗口的可见区域内，则不会发生滚动。 此方法是标准的 Element.scrollIntoView() 方法的专有变体。

当键盘在切换中英输入法时，键盘高度变化仍然会引起键盘遮挡

监听输入框的 focus 、 blur 事件，当聚焦时，循环调用 input.scrollIntoViewIfNeeded 方法。

当监听到 blur 时，停止循环。

---