JSBridge深度剖析

xiangzhihong8

已于 2023-08-10 16:25:17 修改

阅读量1.9w

点赞数 10

分类专栏：深入Android应用开发文章标签： javascript android native phonegap

于 2017-03-27 13:16:03 首次发布

本文链接：https://blog.csdn.net/xiangzhihong8/article/details/66970600

版权

深入Android应用开发专栏收录该内容

134 篇文章 232 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文深入探讨JSBridge，它是JavaScript与Android和iOS原生代码交互的桥梁。通过分析Android和iOS端的调用方式，讲解JSBridge的工作原理，包括Native调用JS和JS调用Native的过程。同时，文章介绍了JSBridge技术的实现，包括设计全局桥对象、调用流程、URL-scheme的使用以及如何完善JSBridge方案。此外，还提出了不依赖URL-scheme的替代实现方式。

摘要由CSDN通过智能技术生成

概述

做过混合开发的人都知道Ionic和PhoneGap之类的框架，这些框架在web基础上包装一层Native，然后通过Bridge技术的js调用本地的库。

在讲JSBridge技术之前，我们来看一下传统的实现方式。

Android端

Native调JS

native调用js比较简单，只要遵循："javascript: 方法名(‘参数,需要转为字符串’)"的规则即可。

在4.4之前，调用的方式：

// mWebView = new WebView(this); 			
mWebView.loadUrl("javascript: 方法名('参数,需要转为字符串')"); 

//ui线程中运行
 runOnUiThread(new Runnable() {  
        @Override  
        public void run() {  
            mWebView.loadUrl("javascript: 方法名('参数,需要转为字符串')");  
            Toast.makeText(Activity名.this, "调用方法...", Toast.LENGTH_SHORT).show();  
        }