一种展示网页中目标元素的方法及装置.pdf

上传人:b*** 文档编号:6204334 上传时间:2019-05-20 格式:PDF 页数:24 大小:2MB
返回 下载 相关 举报
摘要
申请专利号:

CN201510700113.7

申请日:

2015.10.26

公开号:

CN105373593A

公开日:

2016.03.02

当前法律状态:

授权

有效性:

有权

法律详情:

专利权的转移 IPC(主分类):G06F 17/30登记生效日:20190117变更事项:专利权人变更前权利人:北京锤子数码科技有限公司变更后权利人:北京字节跳动网络技术有限公司变更事项:地址变更前权利人:100176 北京市经济技术开发区科创十四街99号33幢D栋3层309、310室变更后权利人:100041 北京市石景山区实兴大街30号院3号楼2层B-0035房间|||授权|||实质审查的生效IPC(主分类):G06F 17/30申请日:20151026|||公开

IPC分类号:

G06F17/30

主分类号:

G06F17/30

申请人:

北京锤子数码科技有限公司

发明人:

罗永浩; 陈重

地址:

100176北京市经济技术开发区科创十四街99号33幢D栋3层309、310室

优先权:

2015106630146 2015.10.14 CN

专利代理机构:

北京国昊天诚知识产权代理有限公司11315

代理人:

许志勇

PDF下载: PDF下载
内容摘要

本申请公开了一种展示网页中目标元素的方法,用于提高展示网页中目标元素的效率。方法包括:确定包含目标元素的页面区域;查找包含所述页面区域的区域存在的位置可固定的网页元素;所述位置可固定的网页元素为在加载网页过程中该网页元素的位置相对于可视区域固定;当所述位置可固定的网页元素在网页中的位置发生变化后,以所述位置可固定的网页元素为基准,调整所述页面区域使目标元素展示在可视区域中。本申请还公开了一种展示网页中目标元素的装置。

权利要求书

1.一种展示网页中目标元素的方法,其特征在于,方法包括:
确定包含目标元素的页面区域;
查找包含所述页面区域的区域存在的位置可固定的网页元素,所述位置可
固定的网页元素为在加载网页过程中该网页元素的位置可相对于可视区域固
定;
当所述位置可固定的网页元素在网页中的位置发生变化后,以所述位置可
固定的网页元素为基准,调整所述页面区域使目标元素展示在可视区域中。
2.如权利要求1所述的方法,其特征在于,当所述位置可固定的网页元
素在网页中的位置发生变化后,以所述可固定的网页元素为基准,调整所述页
面区域使目标元素展示在可视区域中之前,所示方法还包括:
调整所述位置可固定的网页元素的位置至可视区域顶端;
则,当所述位置可固定的网页元素在网页中的位置发生变化后,以所述可
固定的网页元素为基准,调整所述页面区域使目标元素展示在可视区域中,包
括:
当所述位置可固定的网页元素在网页中的位置发生变化后,调整所述位置
可固定的网页元素的位置至可视区域顶端,使目标元素展示在可视区域中。
3.如权利要求1所述的方法,其特征在于,查找包含所述页面区域的区
域存在的位置可固定的网页元素,包括:
按预设的正方向,查找包含所述页面区域的区域存在的位置可固定的网页
元素。
4.如权利要求1所述的方法,其特征在于,查找包含所述页面区域的区
域存在的位置可固定的网页元素,包括:
查找所述页面区域存在的位置可固定的网页元素。
5.如权利要求1所述的方法,其特征在于,相邻位置可固定的网页元素
的距离不大于可视区域的大小。
6.如权利要求1所述的方法,其特征在于,所述方法应用于移动终端。
7.一种展示网页中目标元素的装置,其特征在于,包括:确定单元、查
找单元、判断单元、调整单元,其中
所述确定单元,用于确定包含目标元素的页面区域;
所述查找单元,用于查找包含所述页面区域的区域存在的位置可固定的网
页元素;所述位置可固定的网页元素为在加载网页过程中该网页元素的位置相
对于可视区域固定;
所述判断单元,用于判断所述位置可固定的网页元素在网页中的位置是否
发生变化;
所述调整单元,用于当所述位置可固定的网页元素在网页中的位置发生变
化后,以所述位置可固定的网页元素为基准,调整所述页面区域使目标元素展
示在可视区域中。
8.如权利要求7所述的装置,其特征在于,所述调整单元包括:第一调
整单元、第二调整单元,其中,
所述第一调整单元,用于判断所述位置可固定的网页元素在网页中的位置
是否发生变化之前,调整所述位置可固定的网页元素的位置至可视区域顶端;
所述第二调整单元,用于当所述位置可固定的网页元素在网页中的位置发
生变化后,调整所述位置可固定的网页元素的位置至可视区域顶端,使目标元
素展示在可视区域中。
9.如权利要求7所述的装置,其特征在于,查找单元,包括,第一查找
单元,
所述第一查找单元,用于按预设的正方向,查找包含所述页面区域的区域
存在的位置可固定的网页元素。
10.如权利要求7所述的装置,其特征在于,查找单元,包括,第二查找
单元,
所述第二查找单元,用于查找所述页面区域存在的位置可固定的网页元素。
11.如权利要求7所述的装置,其特征在于,相邻位置可固定的网页元素
的距离不大于可视区域的大小。
12.如权利要求7所述的装置,其特征在于,所述装置应用于移动终端。

说明书

一种展示网页中目标元素的方法及装置

技术领域

本申请涉及互联网技术领域,尤其涉及一种网页中目标元素的展示方法及
装置。

背景技术

随着互联网内容更加丰富、数据传输速率更加迅速,从互联网获取信息逐
渐成为了获取信息的首要方式,并且从以前以单纯的文字信息为主,变为了现
在以图像、动画、音视频等多媒体信息为主的互联网内容。

所有的互联网内容都需要通过浏览器进行加载,并最终都要通过可视区域
进行展示,可视区域是指用于展示互联网内容的区域。

然而,浏览器在加载网页内容的过程中,不是将所有的网页元素全部下载
完成,并一次性布局在网页中,再通过可视区域进行展示;而是下载一部分网
页元素,就布局一部分到页面中,再通过可视区域进行展示。由于传输速率、
网页元素数据大小等不同原因,在可视区域中展示的网页元素顺序可能不同于
一般的阅读习惯。比如,当用户滚动网页至某一位置时,可视区域中包含相对
在前的图片元素和相对在后的文字元素,从打开网页开始同时下载直到下载完
成,图片元素消耗的时间往往要长于文字元素。这就造成了已经下载完成的文
字元素先进行展示,而未下载完成的图片元素在页面中占据很小的区域以表示
图片元素的位置,但只要图片元素下载完成,它就会重新占据实际的行数(和
/或列数),页面也会重新布局,这时体现在网页上就是相对在后的文字元素就
会向后移动,从而改变在可视区域中的位置,甚至会因为相对在前的图片元素
尺寸过大而滚出可视区域。可以将用户期望看到的网页元素称为目标元素,如
果用户期望看到的目标元素是相对在后的文字元素,由于上述情况的出现,就
直接影响了浏览目标元素的效率。此外,也在一定程度上,降低了用户的体验。

发明内容

本申请实施例提供一种展示网页中目标元素的方法,用于提高展示网页中
目标元素的效率。

本申请实施例提供一种展示网页中目标元素的装置,用于提高展示网页中
目标元素的效率。

本申请实施例采用下述技术方案:

一种展示网页中目标元素的方法,包括:确定包含目标元素的页面区域;
查找包含所述页面区域的区域存在的位置可固定的网页元素;所述位置可固定
的网页元素为在加载网页过程中该网页元素的位置相对于可视区域固定;当所
述位置可固定的网页元素在网页中的位置发生变化后,以所述位置可固定的网
页元素为基准,调整所述页面区域使目标元素展示在可视区域中。

一种展示网页中目标元素的装置,包括:包括:确定单元、查找单元、判
断单元、调整单元,其中,所述确定单元,用于确定包含目标元素的页面区域;
所述查找单元,用于查找包含所述页面区域的区域存在的位置可固定的网页元
素;所述位置可固定的网页元素为在加载网页过程中该网页元素的位置相对于
可视区域固定;所述判断单元,用于判断所述位置可固定的网页元素在网页中
的位置是否发生变化;所述调整单元,用于当所述位置可固定的网页元素在网
页中的位置发生变化后,以所述位置可固定的网页元素为基准,调整所述页面
区域使目标元素展示在可视区域中。

本申请实施例采用的上述至少一个技术方案能够达到以下有益效果:

可以认为用户在滚动网页结束时,展示在可视区域中的页面区域包含用户
期望的目标元素。以在包含页面区域的区域查找到的位置可固定的网页元素为
基准,调整页面区域,使目标元素展示在可视区域中,从而解决了现有技术在
加载网页过程中,因为目标元素前面的其它网页元素下载完成而重新布局导致
的该目标元素在可视区域中移动甚至移出可视区域的问题,也直接提高了目标
元素的展示效率。此外,可以根据可视区域的大小,调整预设的位置可固定的
网页元素的间距,这样可以更加提高展示目标元素的效率。与此同时,也在一
定程度上,提升了用户的体验。

附图说明

此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,
本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限
定。在附图中:

图1-1为手机屏幕中的可视区域的示意图;

图1-2为显示器屏幕中的可视区域的示意图;

图1-3为网页中的可视区域的示意图;

图1-4为网页中的可视区域的示意图;

图1-5为现有技术可视区域对网页元素进行展示的示意图;

图1-6为现有技术重新布局后可视区域对网页元素进行展示的示意图;

图2-1为本申请实施例1提供的一种展示网页中目标元素的方法的具体实
现流程示意图;

图2-2为本申请实施例1提供的网页加载过程中确定页面区域的示意图;

图2-3为本申请实施例1提供的位置可固定的网页元素在可视区域进行展
示的示意图;

图3-1为本申请实施例2提供的一种移动终端展示网页中目标元素的方法
的具体实现流程示意图;

图3-2为本申请实施例2提供的移动终端在可视区域中展示网页元素的示
意图;

图3-3为本申请实施例2提供的移动终端中位置可固定的网页元素的位置
发生变化的示意图;

图3-4为本申请实施例2提供的移动终端中调整页面区域的示意图;

图4为本申请实施例3提供的一种展示网页中目标元素的装置的具体结构
示意图。

具体实施方式

为使本申请的目的、技术方案和优点更加清楚,下面将结合本申请具体实
施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然,所描述的
实施例仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施
例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施
例,都属于本申请保护的范围。

在进行本申请的技术方案的详细介绍之前,为了明确起见,这里先对几个
术语作简要说明。在本申请实施例中将涉及网页元素的概念。网页元素,作为
构成网页内容的因子,可以从不同的角度对其进行理解。从网页元素的类别来
看,网页元素可以包括:文字、图片、音频、动画、视频等;从网页元素的层
级来看,网页元素可以体现为单个的网页因子,比如,一个DOM树节点,也
可以是多个网页因子组成的一个集合,比如,网页上某个区域可以被视为一个
网页元素,在该区域中可以存在构成多个网页因子。当然,网页元素还可以从
其他方面进行理解,无论哪种理解,在本申请中,网页元素将作为一个基本的
操作对象。

在本申请的实施例中还涉及可视区域(viewport)的概念。一般而言,可
视区域分为两种,一种体现为如图1-1、1-2所示的屏幕可视区域(visualview
port);一种体现为如图1-3和如图1-4所示的页面可视区域(layoutviewport),
用于显示全部或部分内容的区域。这种两种区域在某些情况下是一致的,比如,
一个网页内容刚好充满布满屏幕区域,那么屏幕可视区域与页面可视区域相同。
在另一些情况下,屏幕可视区域可能大于页面可视区域,比如,某些页面可以
以“电影模式”呈现,在可视区域的边上可能存在一些空白区域,那么页面可
视区域仅仅是屏幕可视区域中除空白区域之后剩下的部分。本申请中,在不妨
碍本申请发明目的实现的情况下,本领域技术人员可以根据实际情况将可视区
域理解为屏幕可视区域或页面可视区域。

以下结合附图,详细说明本申请各实施例提供的技术方案。

实施例1

如前所述,浏览器在加载网页内容的过程中,由于传输速率、网页元素数
据大小、浏览器所在设备的运算处理能力等不同原因,在可视区域中展示的网
页元素顺序可能不同于一般的阅读习惯。比如,如图1-5所示,为一可视区域
对某一网页进行显示的示意图,在网页加载过程中,用户期望看到完整的“文
字段2”的内容,并通过滑动屏幕将“文字段2”的完整内容移动到可视区域中,
但由于“图片1至图片3”的尺寸很大(对应的容量可能也很大),所以先下载
完图片下方的“文字段2”并完成布局,此时,由于“图片3”还没有被下载
完成,可视区域中会用一个很小的区域用来占用“图片1至图片3”的位置,
而不会展示出图片真实的尺寸大小。当“图片1至图片3”下载完成时,会进
行重新布局,按照“图片1至图片3”实际占用的行数(或/和列数)在可视区
域中展示,并将之前加载完成的、用户期望看到的“文字段2”向下移动(如
图1-6所示)。从加载到最终展示出稳定的页面,且稳定页面中包含用户的目
标网页元素的角度而言,上述情况的出现,直接影响了用户浏览期望内容的效
率。此外,更严重的情况是,如果“文字段2”的上方存在更多图片,在加载
多个图片过程中,该文字可能还会向下移动,直至移动出可视区域,对展示这
段文字内容不利,显著降低用户的体验。为解决或避免上述这样的问题,本申
请实施例1提供了一种网页中目标元素的展示方法,用于提高展示网页中目标
元素的效率。该方法的具体流程示意图如图2-1所示,包括下述步骤:

步骤11,确定包含目标元素的页面区域。

针对步骤11而言,目标元素可以是指用户期望看到的网页元素,页面区
域可以是指网页中的某一区域,该区域中包含若干网页元素。

前文已经介绍,网页元素,作为构成网页内容的因子,从类别来看,网页
元素可以包括:文字、图片、音频、动画、视频等,用户通过滚动页面来获取
页面中的信息。所以,用户滚动网页的过程,就可以认为是用户在查找目标元
素的过程,当用户停止滚动网页,即停止在某一位置时,此时可视区域就会展
示某一网页区域,可以认为,该网页区域就包含目标元素,因为用户往往不会
毫无目的的滚动网页至某一位置。

具体地,网页中的每个位置都具有一个网页坐标,在加载网页元素过程中,
网页元素在网页中的网页坐标会随着加载的过程而变化的,每个网页元素的网
页坐标也都是可以被浏览器获取到的;在加载网页过程中,浏览器也可以记录
页面的滚动信息(如,相对于初始位置滚动的行数与列数);还可以获取到可
视区域的尺寸(如分辨率等),并可以通过可视区域的尺寸以及网页的缩放比
例,确定出可视区域可以展示页面的行数和列数,再根据滚动信息,确定出页
面区域。例如,如图2-2所示,可视区域为某手机的屏幕,网页为一WAP版
网页,缩放比例为100%,即网页的宽度与手机屏幕的宽度相同,所以用户只
可上下滑动页面,如图为网页向下滑动了5行,可视区域可展示25行,所以,
当前页面区域为第5至第30行的网页区域。

针对步骤11进一步而言,当用户停止滚动页面时,就可以确定出一个网
面区域,该页面区域可以是可视区域中的全部或部分,高页面区域中就可以认
为是包含了用户期望看到的目标元素。比如,如图1-5所示,页面区域可以是
整个可视区域所展示的区域,目标元素可以认为是“文字段2”的内容。

步骤12,查找包含页面区域的区域存在的位置可固定的网页元素。

针对步骤12而言,位置可固定的网页元素为在加载网页过程中该网页元
素的位置相对于可视区域固定;

具体地,在加载网页的过程中,浏览器会先从服务器端将网页的文件下载
到本地,并将页面文件中包含所有网页元素的代码进行解析,解析得到网页元
素的尺寸、样式以及网页元素间位置关系等属性,并将网页元素以及对应的属
性保存到数据库中,以便在之后可以在将网页元素下载完成后,根据数据库中
的属性进行布局和渲染,最终展示在可视区域中。但在前文已经介绍,网页元
素在网页中的网页坐标有可能随着加载过程的进行而变化,所有,可以利用浏
览器记录网页元素网页坐标、滚动信息,以及浏览器的滚动功能实现网页元素
位置的固定。比如,通过调整包含该网页元素的网页区域,使得该网页元素的
位置相对于可视区域固定,也可以利用浏览器滚动功能对网页进行滚动,使得
某个网页元素的位置相对于可视区域中固定。例如,某一网页元素的位置由可
视区域中的第5行变到了第10行。此时,通过调整包含该网页元素的网页区
域,或滚动页面,使得该网页元素重新回到可视区域中的第5行。

该位置可固定的网页元素,可以是预先设置的,比如,如图2-2所示,预
先设置“文字段2”为位置可固定的网页元素,当“文字段2”由于在前的图片加载
完成后,可以通过滚动页面,使得“文字段2”重新回到变化前的位置,所以可
以认为相对于可视区域固定。

针对步骤12进一步而言,查找包含页面区域的区域存在的位置可固定的
网页元素,可以包括:查找页面区域存在的位置可固定的网页元素。

具体地,可视区域(比如,可以是屏幕的尺寸)可以作为页面区域,因为
该区域可以认为包含了用户期望浏览的目标元素。但是,在该可视区域中,未
必必然存在预先设定的位置可固定的网页元素,基于此,可以通过下述两种方
式解决这一问题:

第一种方式,查找包含页面区域的区域。这里包含页面区域的区域,可以
是比页面区域(可视区域)范围更大的区域,比如,可以是可视区域的四周至
少一侧多出一定范围(若干行和/或若干列)的区域。采用这样的方式,由于扩
大了查找区域的范围,将有更高的几率在包含页面区域的区域中查找到位置可
固定的网页元素。

第二种方式,通过预先设置相邻位置可固定的网页元素的距离不大于可视
区域的大小。采用这样的方式,无论网页滚动到什么位置,可视区域中都至少
存在一个位置可固定的网页元素,这样在任何一个可视区域中查找时便能够查
找到位置可固定的网页元素。

进一步具体地,由于包含页面区域的区域中有可能存在大于两个位置可固
定的网页元素,所以,可以按预设方向查找包含所述页面区域的区域存在的位
置可固定的网页元素。这里的预设方向可以是预设的正方向或反方向,预设正
方向符合通常人的阅读习惯。比如,预设的正方向为网页的从上之下的第一个
网页元素,或从左至右的第一个网页元素,等等。按照预设的正方向进行查找,
更符合日常的阅读习惯,更有利于将符合用户期望的目标元素展现在可视区域
中。

步骤13,判断位置可固定的网页元素在网页中的位置是否发生变化。

当位置可固定的网页元素在网页中的位置发生变化后,以位置可固定的网
页元素为基准,调整页面区域使目标元素展示在可视区域中。

针对步骤13而言,在网页中的位置发生变化,可以是指网页坐标发送变
化,比如,在网页加载过程中,某一网页元素从网页中的第5行,变化到了第
10行,这就算是位置发生了变化。

在步骤12中已经介绍,位置可固定的网页元素在位置发生变化后,可以
通过调整包含该网页元素的网页区域(其中也包括浏览器滚动网页),使得该
网页元素的位置相对于可视区域固定。所以,在此步骤中,可以以位置可固定
的网页元素为基准,调整页面区域使目标元素展示在可视区域中。

比如,以如图2-2为基础,如图2-3所示,预先设置“文字段2”为位置可固
定的网页元素,当“文字段2”由于在前的图片加载完成后,通过滚动页面,使
得“文字段2”重新回到变化前的位置。

采用实施例1提供的该方法,可以认为用户在滚动网页结束时,展示在可
视区域中的页面区域尽可能包含用户期望的目标元素。以在包含页面区域的区
域查找到的位置可固定的网页元素为基准,调整页面区域,使目标元素展示在
可视区域中,从而解决了现有技术在加载网页过程中,因为目标元素前面的其
它网页元素下载完成而重新布局导致的该目标元素在可视区域中移动甚至移
出可视区域的问题,也直接提高了目标元素的展示效率。此外,可以根据可视
区域的大小,调整预设的位置可固定的网页元素的间距,这样可以更加提高展
示目标元素的效率。与此同时,也在一定程度上,提升了用户的体验。

实施例2

基于相同的发明构思,由于移动终端的可视区域较显示器屏幕要小的多,
并且移动终端网络速度也往往较PC终端慢,因此,本申请的技术方案应用在
移动终端上能取得更好的技术效果。为了说明这种应用,下述的实施例2提供
了一种移动终端展示网页中目标元素的方法,用于提高展示网页中目标元素的
效率。该方法的示意图如图3-1所示,包括下述步骤:

步骤21,确定包含目标元素的页面区域。

针对步骤21而言,由于在移动终端上的浏览器往往是以全屏的方式进行
展示,所以页面区域可以是指移动终端屏幕内的区域。当用户滑动或滚动完毕
后,该屏幕内的页面区域中就包含了目标元素。比如,如图3-2所示,页面区
域即为图中所示的可视区域。

步骤22,查找包含页面区域的区域存在的位置可固定的网页元素;

针对步骤22而言,与步骤12相似,可以查找步骤21中确定的移动终端
屏幕内的页面区域中存在的位置可固定的网页元素;也可以查找比步骤21中
确定的移动终端屏幕内的页面区域更大范围的区域中存在的位置可固定的网
页元素。

在查找过程中,可以按照从上到下的顺序,查找第一个位置可固定的网页
元素。比如,如图3-2所示,假设预设的“文字段2”为位置可固定的网页元素,
则在此步骤中,查找到的位置可固定的网页元素为该“文字段2”。

针对步骤22进一步而言,位置可固定的网页元素可以通过下述方式进行
预设:在HTML(HyperTextMarkupLanguage,超级文本标记语言)网页中,
加入新的CSS(CascadingStyleSheets,层叠样式表)属性。由于在加载网页
过程中,浏览器会先解析网页元素的CSS属性,并保存在数据库中,再下载
CSS文件,并根据数据库中的属性,进行布局。所以,可以为某一网页元素添
加新的CSS属性“autofit_mobile”,该属性可以在任何displayblock类型的html
页面节点元素上使用,将某一网页元素的“autofit_mobile”属性值设置为“true”
时,浏览器就可以将该网页元素确定为位置可固定的网页元素。

仅以一例解释说明位置可固定的网页元素的设定方法,该例不是对设定方
法的限定。

步骤23,调整位置可固定的网页元素的位置至可视区域顶端;

针对步骤23而言,可视区域的顶端,可以是指移动终端屏幕内用于展示
页面元素的区域的顶端。比如,如图3-2所示,将“文字段2”的位置调整至可
视区域顶端。

采用该方式,可以将网页中以段落为单位的完整内容或一段完整内容的起
始部分展示出来,这样更能提高浏览网页元素的效率。如图3-2所示,可视区
域的顶端,就是“文字段2”的起始部分,整个可视区域就是“文字段2”的全部内
容,提高了浏览该段内容的效率,也提升了用户体验。

步骤24,判断位置可固定的网页元素在网页中的位置是否发生变化。

当位置可固定的网页元素在网页中的位置发生变化后,调整位置可固定的
网页元素的位置至可视区域顶端,使目标元素展示在可视区域中。

针对步骤24而言,与步骤13相似地,如图3-3所示,当位置可固定的网
页元素在网页中的网页坐标发生变化后,可以根据变化前后的参数,确定出变
化信息,再调整位置可固定的网页元素的位置至可视区域顶端(也可以是通过
浏览器的滚动功能将位置可固定的网页元素滚动至可视区域顶端),使目标元
素展示在可视区域中。比如,如图3-4所示,通过滚动页面使“文字段2”重
新回到可视区域的顶端。

在实际应用中,往往会出现预设的位置可固定的网页元素不是用户期望看
到的目标元素,所以,可以通过增加位置可固定的网页元素的数量,使得位置
可固定的网页元素与目标元素重合的几率增大,在一种实施方式中,可以将网
页中的每个网页元素都预先设置为位置可固定的网页元素。

采用实施例2提供的该方法,在移动终端中,可以认为用户在滚动网页结
束时,展示在可视区域中的页面区域包含用户期望的目标元素。在包含页面区
域的区域查找到的位置可固定的网页元素,先将该网页元素调整到可视区域顶
端,当该网页元素位置发生变化后,再通过调整页面区域,使该网页元素重新
回到可视区域顶端中,使得页面区域中的目标区域展示在可视区域中。从而解
决了现有技术在加载网页过程中,因为目标元素前面的其它网页元素下载完成
而重新布局导致的该目标元素在可视区域中移动甚至移出可视区域的问题,也
直接提高了目标元素的展示效率。此外,可以根据可视区域的大小,调整预设
的位置可固定的网页元素的数量和间距,这样可以更加提高展示目标元素的效
率。与此同时,也在一定程度上,提升了用户的体验。

实施例3

基于相同的发明构思,实施例3提供了一种展示网页中目标元素的装置,
用于提高展示网页中目标元素的效率。如图4所示,该装置包括:

确定单元31、查找单元32、判断单元33、调整单元34,其中,

确定单元31,可以用于确定包含目标元素的页面区域;

查找单元32,可以用于查找包含页面区域的区域存在的位置可固定的网页
元素;位置可固定的网页元素为在加载网页过程中该网页元素的位置相对于可
视区域固定;

判断单元33,可以用于判断位置可固定的网页元素在网页中的位置是否发
生变化;

调整单元34,可以用于当位置可固定的网页元素在网页中的位置发生变化
后,以位置可固定的网页元素为基准,调整页面区域使目标元素展示在可视区
域中。

在一种实施方式中,调整单元包括:第一调整单元、第二调整单元,其中,

第一调整单元,可以用于判断位置可固定的网页元素在网页中的位置是否
发生变化之前,调整位置可固定的网页元素的位置至可视区域顶端;

第二调整单元,可以用于当位置可固定的网页元素在网页中的位置发生变
化后,调整位置可固定的网页元素的位置至可视区域顶端,使目标元素展示在
可视区域中。

在一种实施方式中,查找单元,包括:第一查找单元,

第一查找单元,可以用于按预设的正方向,查找包含页面区域的区域存在
的位置可固定的网页元素。

在一种实施方式中,查找单元,包括,第二查找单元,

第二查找单元,可以用于查找页面区域存在的位置可固定的网页元素。

在一种实施方式中,相邻位置可固定的网页元素的距离可以不大于可视区
域的大小。

在一种实施方式中,装置可以应用于移动终端。

采用实施例3提供的该装置,可以认为用户在滚动网页结束时,展示在可
视区域中的页面区域包含用户期望的目标元素。以在包含页面区域的区域查找
到的位置可固定的网页元素为基准,调整页面区域,使目标元素展示在可视区
域中,从而解决了现有技术在加载网页过程中,因为目标元素前面的其它网页
元素下载完成而重新布局导致的该目标元素在可视区域中移动甚至移出可视
区域的问题,也直接提高了目标元素的展示效率。此外,可以根据可视区域的
大小,调整预设的位置可固定的网页元素的间距,这样可以更加提高展示目标
元素的效率。与此同时,也在一定程度上,提升了用户的体验。

本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计
算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结
合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包
含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、
CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产
品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和
/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/
或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入
式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算
机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一
个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设
备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中
的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个
流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使
得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处
理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个
流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输
出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器
(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flashRAM)。
内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任
何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序
的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存
(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其
他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读
存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器
(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁
磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算
设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒
体(transitorymedia),如调制的数据信号和载波。

还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非
排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包
括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、
方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括
一个……”限定的要素,并不排除在包括要素的过程、方法、商品或者设备中
还存在另外的相同要素。

本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程
序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和
硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算
机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、
光学存储器等)上实施的计算机程序产品的形式。

以上仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人
员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的
任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。

一种展示网页中目标元素的方法及装置.pdf_第1页
第1页 / 共24页
一种展示网页中目标元素的方法及装置.pdf_第2页
第2页 / 共24页
一种展示网页中目标元素的方法及装置.pdf_第3页
第3页 / 共24页
点击查看更多>>
资源描述

《一种展示网页中目标元素的方法及装置.pdf》由会员分享,可在线阅读,更多相关《一种展示网页中目标元素的方法及装置.pdf(24页珍藏版)》请在专利查询网上搜索。

本申请公开了一种展示网页中目标元素的方法,用于提高展示网页中目标元素的效率。方法包括:确定包含目标元素的页面区域;查找包含所述页面区域的区域存在的位置可固定的网页元素;所述位置可固定的网页元素为在加载网页过程中该网页元素的位置相对于可视区域固定;当所述位置可固定的网页元素在网页中的位置发生变化后,以所述位置可固定的网页元素为基准,调整所述页面区域使目标元素展示在可视区域中。本申请还公开了一种展示网。

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 物理 > 计算;推算;计数


copyright@ 2017-2020 zhuanlichaxun.net网站版权所有
经营许可证编号:粤ICP备2021068784号-1