Atitit js通讯技术 jsbridge ajax bomext Atitit jsbridge 与jsrpc 的联系与区别 JSBridge——Web与Native交互 侧重本

Atitit js通讯技术 jsbridge ajax bomext  

 

 

Atitit  jsbridge  与jsrpc 的联系与区别

 

 

JSBridge——Web与Native交互

 侧重本地...

 

 

Rpc 关注远程..

Atitit.跨架构原理与jsbridge与rpc

 

Bom扩展 浏览器注入对象 注入函数

 

什么是JS Bridge

在大多数APP开发过程中，都会通过H5来实现部分功能，而Hybird APP基本90%以上都是H5。现在很少有纯原生的APP。但是，由于H5页面是内嵌到原生应用的WebView组件（一个浏览器内核）中，而手机浏览器Javascript引擎是在一个沙箱环境中运行，因此JavaScript的权限受到严格限制，比如没有本地文件读写权限、不能使用GPS、不能修改系统配置等。所以，如果JavaScript要用到这些受限的能力时，就需要委托原生去实现，原生完成后，再将结果通知JavaScript，因此，JavaScript和原生之间就需要一个通信的桥梁，而这个桥梁本质上就是原生的浏览器组件（我们统一称之为WebView）与Javascript 通信的通道，一般称为 WebView JavaScript Bridge, 为了简单，一般简称为 JS bridge。需要说明的是，原生不仅仅指移动端（Android、IOS）上原生代码开发的部分，它也可以是Windows、MAC上的，所以原生一词主要是为了区分H5，而本文只讨论移动端的Js Bridge

 

 

 

一、什么是BOM

     BOM（Browser Object Model）即浏览器对象模型。

     BOM提供了独立于内容 而与浏览器窗口进行交互的对象；

     由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window；

     BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性；

     BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部分。

 

 

学习BOM学什么

     我们将学到与浏览器窗口交互的一些对象，例如可以移动、调整浏览器大小的window对象，可以用于导航的location对象与history对象，可以获取浏览器、操作系统与用户屏幕信息的navigator与screen对象，可以使用document作为访问HTML文档的入口，管理框架的frames对象等。在这里，只介绍一些window对象等的基础知识，其中会有一些ECMAscript的知识还会说明。其他对象Location、Screen、Navigator、History不一一详细介绍了。。

 

BOM结构图

javascript中BOM部分基础知识总结 - cnjs - 博客园.html