页面渲染方法、装置、电子设备及计算机可读介质制造方法及图纸

技术编号:26478837 阅读:26 留言:0更新日期:2020-11-25 19:23
本申请实施例提供了一种页面渲染方法、装置、电子设备及计算机可读介质,涉及互联网技术领域。其中,所述方法包括:在检测到针对移动应用的页面访问入口的第一触发操作时,从服务器获取与所述页面访问入口对应的第一格式的页面内容数据,其中,所述第一格式为符合页面数据传输协议的数据格式;将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据;在接收到针对所述页面访问入口的第二触发操作时,基于所述第二格式的页面内容数据渲染所述页面访问入口对应的页面。通过本申请实施例,不仅能够有效提升用户打开页面的速度,而且还能够有效降低服务端的成本。

【技术实现步骤摘要】
页面渲染方法、装置、电子设备及计算机可读介质
本申请实施例涉及互联网
,尤其涉及一种页面渲染方法、装置、电子设备及计算机可读介质。
技术介绍
页面渲染技术是将页面内容数据通过一定规则转换为HTML(HyperTextMarkupLanguage,超文本标记语言)内容数据,然后通过浏览器给用户展示页面的技术。随着移动互联网的发展,用户对于页面打开速度提出了更高的诉求。在现有技术中,常见的页面渲染技术有两种,即SSR(ServerSideRendering,由服务端进行页面渲染的技术)方案和CSR(ClientSideRendering,由浏览器通过打开网页执行脚本代码进行页面渲染的技术)方案。对于SSR方案来说,服务器返回的是结构相对完整的HTML文件,浏览器通过解析服务器返回的HTML文件,渲染出页面,也就是说,不需要浏览器执行脚本代码便可渲染页面。然而,由于需要在服务端转换得到结构相对完整的HTML文件,这就要求服务端具备更高的数据处理能力,并且由于需要下发结构相对完整的HTML文件到浏览器,网络传输的数据量会更大,进而本文档来自技高网...

【技术保护点】
1.一种页面渲染方法,其特征在于,所述方法包括:/n在检测到针对移动应用的页面访问入口的第一触发操作时,从服务器获取与所述页面访问入口对应的第一格式的页面内容数据,其中,所述第一格式为符合页面数据传输协议的数据格式;/n将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据;/n在接收到针对所述页面访问入口的第二触发操作时,基于所述第二格式的页面内容数据渲染所述页面访问入口对应的页面。/n

【技术特征摘要】
1.一种页面渲染方法,其特征在于,所述方法包括:
在检测到针对移动应用的页面访问入口的第一触发操作时,从服务器获取与所述页面访问入口对应的第一格式的页面内容数据,其中,所述第一格式为符合页面数据传输协议的数据格式;
将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据;
在接收到针对所述页面访问入口的第二触发操作时,基于所述第二格式的页面内容数据渲染所述页面访问入口对应的页面。


2.根据权利要求1所述的方法,其特征在于,所述将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据,包括:
通过在脚本语言运行环境中执行用于页面内容数据的格式转换的脚本代码,将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据。


3.根据权利要求2所述的方法,其特征在于,所述通过在脚本语言运行环境中执行用于页面内容数据的格式转换的脚本代码,将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据之前,所述方法还包括:
在所述移动应用被启动时,在所述移动应用的后台启动所述脚本语言运行环境。


4.根据权利要求2所述的方法,其特征在于,所述脚本代码为具有纯函数特征的脚本代码。


5.根据权利要求1所述的方法,其特征在于,所述将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据,包括:
通过执行用于页面内容数据的格式转换的原生代码,将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据。


6.根据权利要求1所述的方法,其特征在于,所述基于所述第二格式的页面内容数据渲染所述页面访问入口对应的页面,包括:
通过所述移动应用的页面展示控件,加载所述第二格式的页面内容数据,以渲染展示所述页面访问入口对应的页面。


7.根据权利要求1-6中任意一项权利要求所述的方法,其特征在于,所述第一触发操作包括以下中的至少一者:
用于指示将所述页面访问入口展示在终端设备的可视区域的操作;
用于指示将所述页面访问入口滑动至与所述可视区域的底端成预设距离的位置的操作。


8.根据权利要求1-6中任意一项权利要求所述的方法,其特征在于,所述第二触发操作包括针对所述页面访问入口的点击操作。


9.根据权利要求1-6中任意一项权利要求所述的方法,其特征在于,所述第一格式为遵循JSON协议的数据格式;和/或,所述第二格式为遵循HTML协议的数据格式。


10.一种页面渲染装置,其特征在于,所述装置包括:
获取模块,用于在检测到针对移动应用的页面访问入口的第一触发操作时,从服务器获取与所述页面...

【专利技术属性】
技术研发人员:刘森森庞锦贵赵金庆刘翔
申请(专利权)人:阿里巴巴集团控股有限公司
类型:发明
国别省市:开曼群岛;KY

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

1