[发明专利]网页渲染方法、装置、终端及服务器有效
申请号: | 201710196621.5 | 申请日: | 2017-03-29 |
公开(公告)号: | CN106991154B | 公开(公告)日: | 2022-04-05 |
发明(设计)人: | 张少南;梁永清;梁栋 | 申请(专利权)人: | 百度在线网络技术(北京)有限公司 |
主分类号: | G06F16/958 | 分类号: | G06F16/958;G06F8/38;H04L67/02;H04L67/60 |
代理公司: | 北京品源专利代理有限公司 11332 | 代理人: | 孟金喆;胡彬 |
地址: | 100085 北京市*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 网页 渲染 方法 装置 终端 服务器 | ||
本发明实施例公开了一种网页渲染方法、装置、终端及服务器,所述方法包括:向服务器发送第一请求消息,以使所述服务器根据所述第一请求消息向所述Web客户端返回预先存储的页面配置信息,所述页面配置信息中包含预先根据所述待显示页面的结构特征抽象出的组件信息;根据所述组件信息进行页面结构布局,生成页面基础结构;根据所述服务器返回的渲染数据对所述页面基础结构进行渲染。本发明实施例通过向服务器发送第一请求消息,使所述服务器根据所述第一请求消息返回预先根据待显示页面的结构特征抽象出的组件信息,并根据所述组件信息进行页面结构布局,从而进行渲染,可以根据组件信息实现页面组件的渲染,利于客户端的维护。
技术领域
本发明实施例涉及互联网技术领域,尤其涉及一种网页渲染方法、装置、终端及服务器。
背景技术
Web页面运行在各种各样的浏览器当中,浏览器载入、渲染页面的速度直接影响着用户体验简单地说,页面渲染就是浏览器将超级文本标记语言(Hyper Text MarkupLanguage,html)代码根据层叠样式表(Cascading Style Sheets,CSS)定义的规则显示在浏览器窗口中的这个过程。
目前,主要有以下两种渲染方法:一是,全球广域网(World Wide Web,Web)客户端根据请求向服务器发起请求,服务器返回的是一种轻量级的数据交换格式(JavaScriptObject Notation,json)数据,Web客户端利用预先写的超文本标记语言(Hyper TextMarkup Language,html)模板,循环读取json数据,拼接字符串,并插入页面,完成页面渲染。二是,Web客户端根据请求向服务器发起请求,服务器利用后台模板引擎直接生成html片段,并返回Web客户端,Web客户端将html片段直接插入页面。
但是,第一种方式的缺点是,Web客户端包含较多的模板代码,后续不利于代码维护。第二种方式的缺点是,由于文档对象模型(Document Object Model,DOM)结构已经固定,不便于前端代码的模块化构建,同样不易于前端代码的维护。
发明内容
本发明实施例提供一种网页渲染方法及装置,利于客户端的维护。
第一方面,本发明实施例提供了一种网页渲染方法,包括:
向服务器发送第一请求消息,以使所述服务器根据所述第一请求消息向所述客户端返回预先存储的页面配置信息,所述页面配置信息中包含预先根据所述待显示页面的结构特征抽象出的组件信息;
根据所述组件信息进行页面结构布局,生成页面基础结构;
根据所述服务器返回的渲染数据对所述页面基础结构进行渲染。
第二方面,本发明实施例还提供了一种网页渲染方法,包括:
接收客户端发送的第一请求消息;
根据所述第一请求消息向所述客户端返回预先存储的页面配置信息,所述页面配置信息中包含预先根据所述待显示页面的结构特征抽象出的组件信息,以使所述客户端根据所述组件信息进行页面结构布局,生成页面基础结构;
向所述客户端返回渲染数据,以使所述客户端根据所述渲染数据对所述页面基础结构进行渲染。
第三方面,本发明实施例还提供了一种装置,包括:
消息发送模块,用于向服务器发送第一请求消息,以使所述服务器根据所述第一请求消息向所述客户端返回预先存储的页面配置信息,所述页面配置信息中包含预先根据所述待显示页面的结构特征抽象出的组件信息;
页面生成模块,用于根据所述组件信息进行页面结构布局,生成页面基础结构;
页面渲染模块,用于根据所述服务器返回的渲染数据对所述页面基础结构进行渲染。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于百度在线网络技术(北京)有限公司,未经百度在线网络技术(北京)有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201710196621.5/2.html,转载请声明来源钻瓜专利网。