预先定义好schema，如myapp://... 可以看到，在某个按钮或者行为需要与原生端通信时创建一个iframe然后再移除，如果不移除iframe，则会在body里出现大量无用的iframe标签，这里简单说一下Native怎么去拦截这个伪链接请求。 这样就可以拼接出&key…

如果一步一步来分析，最后再看效果，可能会很枯燥，甚至还有点化简为繁的样子。（感觉直接看代码应该是最简单的，奈何每次写成文章时都得加一大堆的描述） 因此，先来看看最终完成后应该是什么样的。 从头开始实现一个JSBridge，很容易两眼一抹黑，无从下手。 虽然说，这整套流程都没有特…

做过混合开发的很多人都知道Ionic和PhoneGap之类的框架，这些框架在web基础上包了一层Native，然后通过Bridge技术使得js可以调用视频、位置、音频等功能。本文就是介绍这层Bridge的交互原理，通过阅读本文你可以了解到js与ios及android底层的通讯原理…

在移动端H5开发中，我们常会调用一些(Android/iOS)端上的功能，这些功能有的是用H5无法实现的，有的纯粹是懒得再用H5开发一遍。JSBridge的目标即是在H5中以某种方式唤起这些端上的方法。 在解释这段代码之前，我们先来了解一些背景知识。 在Android中，有个名…