[发明专利]网页的首屏位置确定、网页信息显示方法和系统有效

专利信息
申请号: 201410670318.0 申请日: 2014-11-20
公开(公告)号: CN105677678B 公开(公告)日: 2020-08-14
发明(设计)人: 吕鹏元 申请(专利权)人: 腾讯科技(武汉)有限公司
主分类号: G06F16/955 分类号: G06F16/955;G06F16/957
代理公司: 广州华进联合专利商标代理有限公司 44224 代理人: 王茹;黄晓庆
地址: 430000 湖北省武*** 国省代码: 湖北;42
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 网页 位置 确定 信息 显示 方法 系统
【说明书】:

一种网页的首屏位置确定、网页信息显示方法和系统,其中确定方法包括:向服务器发送网页的访问请求和终端的屏幕类型,并接收服务器响应访问请求返回的页面内容和初始化首屏位置;对页面内容进行解析,当解析的页面内容达到初始化首屏位置时,进行页面内容排版和绘制,判断绘制内容是否最大比例的铺满终端屏幕,若否,获取最大比例的铺满终端屏幕时的页面内容,得到首屏内容;根据首屏内容的显示区域的坐标范围计算首屏内容在总网页中的位置信息,获得首屏位置;将首屏位置发送至服务器,根据首屏位置对初始化首屏位置进行更新。本申请网页的首屏位置确定方法和系统提高了首屏位置的准确性,同时网页信息显示方法和系统可以提高首屏加载效率。

技术领域

发明涉及网页渲染技术领域,特别是涉及一种网页的首屏位置确定、网页信息显示方法和系统。

背景技术

浏览器对网页访问方案为:用户在终端的浏览器的地址栏中输入URL(Uniform/Universal Resource Locator,统一资源定位符)地址,浏览器即将该URL地址发送至服务器,请求获取该URL地址对应的网页;服务器抓取该URL地址对应的网页,并将该网页的整个页面(包括:网页的整体框架和全部内容)返回给浏览器;浏览器加载网页的整个页面,并向用户展示该网页。

由于终端的屏幕受限,一屏不能显示完网页所有内容,需要多屏才能展示完成一个网页,展示的第一屏称为首屏,用户可通过浏览器的滚动条查看网页的其他内容。其中,“首屏”指适应于用户终端屏幕大小的、用户能看到的当前页面所在的区域。比如,用户采用移动终端的浏览器访问网页,那么首屏就是与移动终端屏幕大小相同的、用户当前打开浏览器的网页能看到的区域。首屏内容即为该区域所显示的页面内容。

随着互联网技术的发展,互联网用户对网页响应速度的要求也越来越高。传统的网页信息显示方案,服务器返回整个网页,其页面数据量大,传输速率低;浏览器必须获取页面内容、解析内容、内容排版、内容绘制显示,接着继续获取页面内容、解析内容、内容排版、内容绘制显示,直到绘制完整个网页。浏览器内核引擎需要不断尝试布局排版(layout),直到首屏绘制完成。不断尝试的过程中就要涉及多次布局排版,从而减慢了首屏的绘制,并且多次排版的过程消耗处理器资源。同时,浏览器对整个网页进行全量加载,耗费的时间长,影响响应速率,造成用户打开网页的等待时间过长。目前也可以通过服务器直接计算初始化首屏位置,并下发至终端,终端根据服务器下发的初始化首屏位置进行加载。由于页面中的JS的执行等原因会导致服务器计算页面首屏位置不准确,终端获得的首屏位置大多无效,失去首屏加速作用。

发明内容

基于此,有必要针对首屏位置不准确的问题,提供一种网页的首屏位置确定方法和系统。

一种网页的首屏位置确定方法,包括:

向服务器发送网页的访问请求和终端的屏幕类型,并接收服务器响应所述访问请求返回的页面内容和初始化首屏位置,其中,所述初始化首屏位置是服务器缓存的所述屏幕类型对应的首屏内容在总页面中的初始化位置信息;

对所述页面内容进行解析,当解析的页面内容达到所述初始化首屏位置时,进行页面内容排版和绘制,判断绘制内容是否最大比例的铺满终端屏幕,若否,获取最大比例的铺满终端屏幕时的页面内容,得到首屏内容;

根据首屏内容的显示区域的坐标范围计算所述首屏内容在总网页中的位置信息,获得首屏位置;

将首屏位置发送至服务器,根据首屏位置对初始化首屏位置进行更新。

一种网页的首屏位置确定系统,包括:

通信模块,用于向服务器发送网页的访问请求和终端的屏幕类型,并接收服务器响应所述访问请求返回的页面内容和初始化首屏位置,其中,所述初始化首屏位置是服务器缓存的所述屏幕类型对应的首屏内容在总页面中的初始化位置信息;

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于腾讯科技(武汉)有限公司,未经腾讯科技(武汉)有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201410670318.0/2.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top