微信如何实现向浏览器注入JS API，并且调用方式就像浏览器原生API一样？-H5教程

首先，我是一名前端。最近公司在试验iOS与H5混合开发，那么肯定少不了js与OC的通信。之前了解到微信浏览器内置了大量JS API来调用原生功能，我猜测应该是通过OC注入的。并且这些API是可以执行js回调的，灵活度很高，不过接口好像都是异步的。最近我在google如何实现，发现以前是有一种OC通过拦截页面请求的方式，让js调用OC接口，但似乎有很多局限性。请问有更好的解决办法吗？iOS7 开放的JavascriptCore框架，可以在此应用吗？

回复内容：

泻药

请阅读资料：
JavaScriptCore

当然可以在这里用。应该说JavaScriptCore就是用在这里的。
当然，你也可以看看ReactNative是怎么把Objective-C和JavaScript联合起来的。 泻药

偶没整过微信和端开发
估摸着是这样的
你姑且看看好了

在高局限性的ios上
肯定是通过OC通过拦截页面请求的方式，让js调用OC接口来实现的

只不过 jsb （jsBridge）是在页面插入个 iframe
然后根据传入的 action 字符串名字构建出特殊的 scheme 给 iframe
然后 OC 监听这个 frame 的 url change 事件来截获 scheme
并分析其字符串
调用指定 OC 方法

由于监听事件后才能继续处理
所以jsb 相关 api 设计都是异步的。

方法运行完成后
根据全局内注册的hash（用来与回调对应）来找出该执行哪个回调
用webview api 内具有 execute script 功能的 api 拼接出js代码字符串来执行，
比如 ：
webview.frame.get(0).execscript("window.jsb.getCallback('" + actionname +', '" + param+ "' )")
当然偶写的不是OC语法的玩意
凑合看看吧。

反正偶觉得在功能提供有限的移动端webview上也就这样了，没更好的方法。


（要是 PC 端的QT之类，才不用这么麻烦呢，只要是C++静态函数（方法）
直接就能挂在webvie内指定的js对象（包括全局对象）上
然后js就能直接调用了，还是同步的） oc有个 webview.stringByEvaluatingJavaScriptFromString 来通过字符串执行js，注入js就是执行代码，比如接口声明，windows.wxBridge=function 之类的就行了

真正通信是莫大的答案里，拦截网络通信方式 js bridge 可以去唐巧的博客上逛逛，主要看js和oc的通信