JSbridge原理

6 阅读1分钟

jsbridge的核心原理?

方式一:URL Scheme(类似 iframe 跳转)

  • H5 通过修改 location.href 或创建 iframe 触发自定义 URL
  • Native 拦截该 URL,解析参数并执行对应功能
  • 适合 H5 → Native 的单向调用

方式二:注入对象(项目采用)

  • Native 向 WebView 注入全局对象(如 window.WebViewJavascriptBridge)
  • H5 通过该对象调用 Native 方法
  • 支持双向通信

封装一个jsbridge需要注意什么?

  • native调用h5: h5提供一个register注册方法,native可以通过调用已经注册的方法;
  • h5调用native:
  • 不同平台系统的兼容
  • 数据初始化处理: