B站的离线包技术方案与大部分互联网公司实现的方案在底层逻辑上是一致的，都实现了基础的资源下发和拦截匹配机制。但在此基础上我们也有一些创新。

针对 APP 内嵌的 H5 页面，还有一种比较常见且有效的方式就是接入离线包，通过把页面加载需要的静态资源提前下载到客户端本地，避免页面加载时静态资源网络请求的开销，从而来提高页面的加载速度。

背景 在实际业务中，app中的H5页面使用的场景越来越多，在货拉拉app中也存在大量的H5页面，比如金秋拉货节、余额、车型介绍页等，加载速度成为了困扰用户的一个痛点。为此我们决定引入离线包方案，另外还

在离线包的监控方面，主要通过埋点上报和sentry 异常报警方式进行。lego埋点 主要上报一些问题排查的辅助信息，sentry 主要上报一些该技术在用户使用时遇到的较严重的错误信息，比如下载异常、解

概述 在混合应用开发中，一种常见且成熟的技术方案是将原生应用与 WebView 结合，使得复杂的业务逻辑可以通过网页技术实现。实现这种类型的混合应用时，就需要解决H5与Native之间的双向通信。JS

1.前言 货拉拉自研H5离线包SDK，能显著提升H5打开速度，已在多个业务中落地。车型介绍页使用离线包前后打开效果如下： 图1 使用离线包前 图2 使用离线包后 货拉拉自研离线包具有如下特点： 安全可

H5秒开优化是一个老生常谈的问题，于是得物联合了客户端和H5共同发力。本文将逐步介绍如何通过客户端 + H5 的优化手段（1+1>2）把秒开从 30% 提升到 75% ？

web离线技术顾名思义就是将H5/CSS/JS和资源文件打包提前下发到App中，这样App在加载网页的时候实际上加载的是本地的文件，减少网络请求来提高网页的渲染速度，并实现动态更新效果。 就目前情况来看，离线包的方案也是层出不穷的，本篇将列举市面最常见的四种离线方案，进行探讨分…

自适应和响应式 自适应：根据不同的设备屏幕大小来自动调整尺寸、大小 响应式：会随着屏幕的实时变动而自动调整，是一种更强的自适应 为什么要做移动端适配？ 目前市面上移动端屏幕尺寸非常的繁多，很多时候我们