【技术实现步骤摘要】
一种网页离线化高效加载方法、系统、设备及介质
[0001]本专利技术涉及网页加载
,特别是涉及一种网页离线化高效加载方法
、
系统
、
设备及介质
。
技术介绍
[0002]目前,移动端常使用基于
H5
页面的网页离线技术进行网页的离线加载,其使用的
H5
页面会通过线上接口在线更新离线包,离线包的包体通常较大,受网络影响非常的大,用户网络差的情况下,加载时间通常都会在
10s
以上,影响用户的体验;而由于包体较大影响加载速度,重要的功能页面就不适合使用
H5
去开发
。
技术实现思路
[0003]本专利技术的目的在于,针对现有技术中的上述问题,提供一种网页离线化高效加载方法
、
系统
、
设备及介质,进而解决现有技术中移动端下载
ZIP
包体较大导致首次加载过慢,影响及时完成渲染和用户体验,使重要功能页面不适合使用
H5
去开发 ...
【技术保护点】
【技术特征摘要】
1.
一种网页离线化高效加载方法,其特征在于,包括以下步骤:资源拆分处理步骤:对待离线化网页的功能资源进行拆分压缩处理,得到拆分资源包;网页离线加载步骤:基于所述拆分资源包配置网页移动端,根据所述网页移动端以及所述拆分资源包进行网页离线化加载;网页变更处理步骤:响应于所述网页移动端的变更情况,执行基于桥接技术进行所述网页移动端的通信,或执行基于资源包重建的移动端配置操作
。2.
根据权利要求1所述的一种网页离线化高效加载方法,其特征在于:所述对待离线化网页的功能资源进行拆分压缩处理,得到拆分资源包,包括:确认所述待离线化网页的若干模块功能;根据若干所述模块功能,对所述待离线化网页的资源文件进行拆分,得到与若干所述模块功能分别对应的若干拆分文件;对若干所述拆分文件分别进行压缩处理,得到若干压缩离线包;将若干所述压缩离线包作为所述拆分资源包
。3.
根据权利要求2所述的一种网页离线化高效加载方法,其特征在于:所述基于所述拆分资源包配置网页移动端,包括:将所述拆分资源包内嵌至所述网页移动端中;在所述网页移动端中对内嵌的所述拆分资源包进行解压,得到解压资源文件
。4.
根据权利要求3所述的一种网页离线化高效加载方法,其特征在于:所述根据所述网页移动端以及所述拆分资源包进行网页离线化加载,包括:响应于所述网页移动端中所述待离线化网页的访问请求,采用本地访问协议访问所述网页移动端中的所述解压资源文件;采用局部可视化组件根据所述局部
WebView
在所述待离线化网页中进行
HTML
渲染
。5.
根据权利要求4所述的一种网页离线化高效加载方法,其特征在于:所述变更情况,包括:数据变更和功能变更;所述响应于所述网页移动端的变更情况,基于桥接技术进行所述网页移动端的通信,或执行基于资源包重建的移动端配置操作,包括:响应于所述变更情况为数据变更,基于所述桥接技术进行所述网页移动端的通信;响应于所述变更情况为功能变更,执行所述基于资源包重建的移动端...
【专利技术属性】
技术研发人员:王辉,
申请(专利权)人:苏州摩多多信息科技有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。