页面加载方法、装置、电子设备及可读存储介质制造方法及图纸

技术编号:34642302 阅读:37 留言:0更新日期:2022-08-24 15:17
本公开提供一种页面加载方法、装置、电子设备及可读存储介质,涉及互联网技术,尤其涉及页面加载领域。具体实现方案包括:获取访问目标页面的设备的特征信息。根据特征信息获取目标页面对应的页面数据以及适配数据,适配数据用于被挂载后提供加载页面数据的运行环境。挂载适配数据,并加载页面数据得到目标页面。由于只下载了与设备对应的适配数据,可以有效减少重复、无用适配数据的数量,进而减少页面文件的体积,减少页面加载时间,提高页面加载效率。效率。效率。

【技术实现步骤摘要】
页面加载方法、装置、电子设备及可读存储介质


[0001]本公开涉及互联网技术,尤其涉及页面加载领域。

技术介绍

[0002]网页页面,尤其是落地页,往往是由多个组件拼接得到的。为了能够在不同的设备上浏览页面,需要在每个组件中添加代码垫片(Polyfill)以使得页面可以适配不同的设备。

技术实现思路

[0003]本公开提供了一种页面加载方法、装置、电子设备及可读存储介质,可以避免页面中存在大量重复的polyfill,有效减少页面体积。使得页面加载更快,性能更好。
[0004]根据本公开的第一方面,提供了一种页面加载方法,该方法包括:获取访问目标页面的设备的特征信息。根据特征信息获取目标页面对应的页面数据以及适配数据,适配数据用于被挂载后提供加载页面数据的运行环境。挂载适配数据,并加载页面数据得到目标页面。
[0005]根据本公开的第二方面,提供了一种页面加载装置,该装置包括:获取模块,用于获取访问目标页面的设备的特征信息。获取模块,还用于根据特征信息获取目标页面对应的页面数据以及适配数据,适配数据用于被挂载后提供本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面加载方法,包括:获取访问目标页面的设备的特征信息;根据所述特征信息,获取所述目标页面对应的页面数据以及适配数据,所述适配数据用于被挂载后提供加载所述页面数据的运行环境;挂载所述适配数据,并加载所述页面数据得到所述目标页面。2.根据权利要求1所述的方法,其中,所述适配数据包括多个代码垫片;所述特征信息包括设备类型,所述设备类型包括移动端或电脑端。3.根据权利要求2所述的方法,其中,所述根据所述特征信息获取所述目标页面对应的页面数据以及适配数据,包括:当所述设备类型为移动端时,获取适配所述移动端的页面数据以及第一适配数据集合,所述第一适配数据集合中包括适配所述移动端的所述代码垫片;或,当所述设备类型为电脑端时,获取适配所述电脑端的页面数据以及第二适配数据集合,所述第二适配数据集合中包括适配所述电脑端的所述代码垫片。4.根据权利要求3所述的方法,其中,在根据所述特征信息获取所述目标页面对应的适配数据之前,所述方法还包括:根据所述特征信息和多个所述代码垫片,生成所述第一适配数据集合和所述第二适配数据集合;将所述第一适配数据集合和所述第二适配数据集合分别上传至内容分发网络。5.根据权利要求4所述的方法,其中,所述根据所述特征信息和多个所述代码垫片,生成所述第一适配数据集合和所述第二适配数据集合,包括:根据适配所述移动端的所述代码垫片,生成所述第一适配数据集合;和/或,根据适配所述电脑端的所述代码垫片,生成所述第二适配数据集合。6.根据权利要求5所述的方法,其中,当所述设备类型为电脑端时,所述特征信息还包括:访问所述目标页面的浏览器的特征参数;所述根据适配所述电脑端的所述代码垫片,生成所述第二适配数据集合,还包括:根据每个所述浏览器的特征参数,将所述第二适配数据集合划分为一个或多个集合。7.根据权利要求2

5任一项所述的方法,其中,在根据所述特征信息获取所述目标页面对应的页面数据之前,所述方法还包括:响应于用户操作,获取所述目标页面的代码;将所述目标页面的代码编译为适配所述电脑端的页面数据;将所述目标页面的代码编译为适配所述移动端的页面数据。8.根据权利要求4

7任一项所述的方法,其中,在将所述第一适配数据集合和所述第二适配数据集合分别上传至内容分发网络之后,所述方法还包括:响应于用户操作,获取所述目标页面的代码;识别所述目标页面的代码中包括的所述代码垫片;当所述代码垫片中存...

【专利技术属性】
技术研发人员:黄诗铭马海娜
申请(专利权)人:北京百度网讯科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1