显示页面的方法、装置与流程

文档序号:11627622阅读:201来源:国知局
显示页面的方法、装置与流程

本发明涉及计算机领域,具体而言,涉及一种显示页面的方法、装置。



背景技术:

随着手机的不断普及与发展,使用手机浏览器访问互联网逐渐成为一个趋势。而且随着html5技术的进步与普及,手机网页的内容展示也愈加多样化。从手机网站上获取新闻,信息,娱乐等已经成为常态。

在用户使用手机浏览网页时,有些网页内容较长,例如网站内容分类页面,小说页面,可以自动拼接的购物页面,娱乐信息页面等。用户在阅读上述较长内容页面的过程中,如果想要将页面快速滚动到自己想看的位置,往往会使用手指进行滑屏,从而控制页面进行滚动。

需要说明的是,在相关技术中,页面显示方式较简单,当页面过长的时候,无论用户采取何种滑屏方案,页面内容滚动时间也过长,导致用户浏览效果差。

针对上述相关技术中,页面显示的方式简单导致页面滚动时间长、用户浏览效果差的问题,目前尚未提出有效的解决方案。



技术实现要素:

本发明实施例提供了一种显示页面的方法、装置,以至少解决相关技术中,页面显示的方式简单导致页面滚动时间长、用户浏览效果差的技术问题。

根据本发明实施例的一个方面,提供了一种显示页面的方法,该方法包括:检测显示页面中的显示信息的第一滚动速度,其中,显示信息按照第一显示比例进行显示;在第一滚动速度超过第一阈值的情况下,控制显示信息切换为第二显示比例进行显示,其中,第二显示比例小于第一显示比例。

根据本发明实施例的另一方面,还提供了一种显示页面的方法,该方法包括:检测显示页面中的显示信息的滚动速度,其中,显示页面用于按照第一显示比例显示预存信息;在滚动速度大于第一预设阈值且预存信息的信息量大于第二预设阈值的情况下,控制显示信息切换为第二显示比例进行显示,其中,第二显示比例小于第一显示 比例。

根据本发明实施例的一个方面,提供了一种显示页面的装置,该装置包括:第一检测单元,用于检测显示页面中的显示信息的第一滚动速度,其中,显示信息按照第一显示比例进行显示;第一控制单元,用于在第一滚动速度超过第一阈值的情况下,控制显示信息切换为第二显示比例进行显示,其中,第二显示比例小于第一显示比例。

根据本发明实施例的另一方面,还提供了一种显示页面的装置,该装置包括:检测单元,用于检测显示页面中的显示信息的滚动速度,其中,显示页面用于按照第一显示比例显示预存信息;控制单元,用于在滚动速度大于第一预设阈值且预存信息的信息量大于第二预设阈值的情况下,控制显示信息切换为第二显示比例进行显示,其中,第二显示比例小于第一显示比例。

在本发明实施例中,采用检测显示页面中的显示信息的第一滚动速度,其中,显示信息按照第一显示比例进行显示;在第一滚动速度超过第一阈值的情况下,控制显示信息切换为第二显示比例进行显示,其中,第二显示比例小于第一显示比例。解决了相关技术中,页面显示的方式简单导致页面滚动时间长、用户浏览效果差的技术问题。

附图说明

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

图1是根据本发明实施例的显示页面的方法的硬件结构框图;

图2是根据本发明实施例的显示页面的方法的流程图;

图3是根据本发明实施例的可选地显示页面的方法的示意图;

图4是根据本发明实施例的可选地显示页面的方法的示意图;

图5是根据本发明实施例的可选地显示页面的方法的流程图;

图6是根据本发明实施例的可选地显示页面的方法的流程图;以及

图7是根据本发明实施例的显示页面的装置的示意图。

具体实施方式

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

需要说明的是,本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

实施例1

根据本发明实施例,还提供了一种显示页面的方法的实施例,需要说明的是,在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行,并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。

本申请实施例一所提供的方法实施例可以在移动终端、计算机终端或者类似的运算装置中执行。以运行在计算机终端上为例,图1是本发明实施例的一种显示页面的方法的计算机终端的硬件结构框图。如图1所示,计算机终端10可以包括一个或多个(图中仅示出一个)处理器102(处理器102可以包括但不限于微处理器mcu或可编程逻辑器件fpga等的处理装置)、用于存储数据的存储器104、以及用于通信功能的传输装置106。本领域普通技术人员可以理解,图1所示的结构仅为示意,其并不对上述电子装置的结构造成限定。例如,计算机终端10还可包括比图1中所示更多或者更少的组件,或者具有与图1所示不同的配置。

存储器104可用于存储应用软件的软件程序以及模块,如本发明实施例中的显示页面的方法对应的程序指令/模块,处理器102通过运行存储在存储器104内的软件程序以及模块,从而执行各种功能应用以及数据处理,即实现上述的应用程序的漏洞检测方法。存储器104可包括高速随机存储器,还可包括非易失性存储器,如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中,存储器104可进一步包括相对于处理器102远程设置的存储器,这些远程存储器可以通过网络连接至计算机终端10。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

传输装置106用于经由一个网络接收或者发送数据。上述的网络具体实例可包括计算机终端10的通信供应商提供的无线网络。在一个实例中,传输装置106包括一个网络适配器(networkinterfacecontroller,nic),其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实例中,传输装置106可以为射频(radiofrequency,rf)模块,其用于通过无线方式与互联网进行通讯。

在上述运行环境下,本申请提供了如图2所示的显示页面的方法。图2是根据本发明实施例一的显示页面的方法的流程图,该方法可以包括:

步骤s22,检测显示页面中的显示信息的第一滚动速度,其中,显示信息按照第一显示比例进行显示。

在上述步骤s22中,上述显示页面可以为运行在手机终端的浏览器页面,上述显示信息可以为浏览器页面中的文字内容、图片内容等。用户在阅读浏览器页面时,可以通过手指在显示屏上方进行滑动,浏览器页面中的显示信息则进行滚动,本方案可以采用浏览器内核来实时检测上述显示信息的第一滚动速度,需要说明的是,上述第一显示比例可以为浏览器页面中显示信息的初始显示比例。

下面以用户浏览网页为例,用户user可以打开运行于手机终端上的浏览器,并开始浏览页面page1,此时,如图3所示,页面page1中的显示内容按照初始显示比例进行显示,由于页面page1中的内容篇幅较长,用户user可以滑动手机屏幕,页面page1中的显示内容(文字或者图片)则随着用户user的滑动而滚动。浏览器内核则实时检测页面page1中显示内容的滚动速度。

步骤s24,在第一滚动速度超过第一阈值的情况下,控制显示信息切换为第二显示比例进行显示,其中,第二显示比例小于第一显示比例。

在上述步骤s24中,如果浏览器内核检测到显示页面中的显示信息的滚动速度超过了第一阈值,那么浏览器内核则可以控制显示页面进入快速滑屏模式,即将显示页面中的显示信息的比例缩小,从第一显示比例缩小至第二显示比例,需要说明的是,在本实施例中,仅仅将显示页面中的显示信息的显示比例进行了缩小,显示页面的面积以及显示页面的排版均保持不变,在本实施例中,显示页面的面积可以为手机屏幕的面积,由于显示信息的显示比例缩小,所以,在同样的显示页面的面积中,可以显示篇幅更多的显示信息。

下面仍以用户浏览网页为例,在用户user快速滑动手机显示屏时,浏览器内核检测到页面page1的滚动速度超过了4500像素单位/s,浏览器则启动快速滑屏模式,如图4所示,浏览器可以将页面page1的显示比例由初始显示比例缩小至第二显示比例, 上述第二显示比例可以为初始显示比例的80%。需要说明的是,在浏览器进行快速滑屏模式之后,由于page1中的显示内容的比例缩小,所以,在同样的手机屏幕面积内,page1显示的内容更多,因此,用户user可以更快的定位到理想的位置。

在本实施例中,通过检测显示页面中的显示信息的第一滚动速度,其中,显示信息按照第一显示比例进行显示;在第一滚动速度超过第一阈值的情况下,控制显示信息切换为第二显示比例进行显示,其中,第二显示比例小于第一显示比例。容易注意到,当显示页面的滚动速度大于预设值时,显示页面进入快速滑屏模式,即将显示信息从第一显示比例切换为第二显示比例,由于显示信息的第二显示比例小于第一显示比例,在第二显示比例下,同样的显示页面可以显示更多篇幅的显示信息,用户可以更快的定位到目标阅读位置,因此,本实施例解决了相关技术中,页面显示的方式简单导致页面滚动时间长、用户浏览效果差的技术问题。

在一种可选地实施例中,步骤s22,检测显示页面中的显示信息的第一滚动速度的步骤可以包括:

步骤s221,接收作用于显示页面中的显示信息的触控信号。

步骤s222,根据触控信号确定第一滚动速度。

在上述步骤s221至步骤s222中,浏览器内核可以接收用户作用在显示页面中的触控信号,上述触控信号可以为用户的手指移动距离和速度,浏览器内核然后根据上述用户的手指移动距离和速度来确定显示页面中显示信息的滚动速度。

在一种可选地实施例中,在步骤s24控制显示信息切换为第二显示比例进行显示之后,本实施例提供的方法还可以包括:

步骤s26,检测显示信息在第二显示比例下的第二滚动速度。

在上述步骤s26中,在显示页面进入快速滑屏模式并且按照第二显示比例进行显示之后,浏览器内核可以继续检测显示信息的第二滚动速度。

步骤s28,在第二滚动速度超过第二阈值的情况下,控制显示信息切换为第三显示比例进行显示,其中,第二阈值大于第一阈值,第三显示比例小于第二显示比例。

在上述步骤s28中,如果浏览器内核检测到显示信息的第二滚动速度有了进一步的提升,例如6000像素单位/s,则浏览器可以控制继续缩小显示信息的显示比例,则将第二显示比例切换为第三显示比例,需要说明的是,上述第二显示比例可以为初始显示比例的80%,上述第三显示比例可以为初始显示比例的60%,需要说明的是,在本实施例中,在显示页面的显示比例缩小为第三显示比例之后,浏览器内核可以不再 检查显示信息的滚动速度,以免影响用户的浏览效果。

在一种可选地实施例中,在步骤s24控制显示信息切换为第二显示比例进行显示之后,本实施例提供的方法还可以包括:

步骤s30,在显示信息停止滚动预设时长之后,控制显示信息由第二显示比例还原为第一显示比例进行显示。

在上述步骤s30中,在显示信息以第二显示比例显示时,用户停止滑动手机屏幕,显示信息的滚动速度会降低,在显示信息停止滚动预设时长(例如1s)之后,浏览器可以退出快速滑屏模式,并控制将显示信息的第二显示比例恢复到初始显示比例,这里需要说明的是,在显示信息进入滑屏模式之后,浏览器内核只检查显示信息的滚动速度是否增加,当显示信息的滚动速度降低时(此时速度并不为0),显示信息的显示比例不变。

在一种可选地实施例中,在步骤s28控制显示信息切换为第三显示比例进行显示之后,方法还包括:

步骤s281,在显示信息停止滚动预设时长之后,控制显示信息由第三显示比例还原为第一显示比例进行显示。

在上述步骤s281中,在显示信息以第三显示比例显示时,用户停止滑动手机屏幕,显示信息的滚动速度会降低,在显示信息停止滚动预设时长(例如1s)之后,浏览器可以退出快速滑屏模式,并控制将显示信息的第三显示比例恢复到初始显示比例,这里需要说明的是,在显示信息进入滑屏模式之后,浏览器内核只检查显示信息的滚动速度是否增加,当显示信息的滚动速度降低时(此时速度并不为0),显示信息的显示比例不变。

在一种可选的实施例中,浏览器的内核也可以根据显示页面的排版高度来作为显示页面进入快速滑屏的一个条件,即,当页面的排版高度超过预设值时,浏览器内核控制进行快速滑屏模式。需要说明的是,上述排版高度可以为显示页面待显示的内容的篇幅高度,例如,用户使用page1来阅读文本t1,文本t1包括三十行文字,而page1在手机屏幕的面积上只能显示五行文字,那么“三十行文字”则为排版高度,“五行文字”则为手机屏幕高度。

下面结合图5,介绍本申请的一种优选实施例,如图5,本实施例可以包括步骤如下:

步骤s51,检测页面滚动速度。

在上述步骤s51中,浏览器可以通过检测用户的滑屏速度来确定页面的滚动速度。

步骤s52,判断页面滚动速度是否大于预设值,在是的情况下,执行步骤s53,在否的情况下,返回执行步骤s51。

步骤s53,控制将页面内容等比例缩小。

在上述步骤s53中,当页面滚动速度超过预设值时,浏览器进入快速滑屏模式。在快速滑屏模式下,浏览器会根据当前滚动速度值将网页页面进行比例缩小。需要说明的是,预设值为事先约定的一个速度值,是一个常数,当屏幕滚动速度大于这个值时,浏览器认定用户在进行快速滑屏操作,因此进入快速滑屏模式。当进入快速滑屏模式后,浏览器将页面按照预先设置的比例进行缩小处理,此处缩小处理是将页面图片整体比例缩小,此处的页面缩小处理不会引发重新排版。

还需要说明的是,当进入快速滑屏模式后,如果页面滚动的速度更一步提升,当超过预设的最大值时,浏览器会将页面缩小到更小的比例,此后浏览器不在检查页面滚动。当进入快速滑屏模式后,浏览器只检查页面滚动速度是否增加,当页面滚动速度降低时,不做任何处理(不做页面放大处理)。

步骤s54,检测到页面停止滚动。

步骤s55,将页面还原至初始比例。

在上述步骤s55中,当页面滚动停止时间超过一个预设值(例如1s)时,浏览器退出快速滑屏模式,并将页面恢复到原始比例。需要说明的是,除了页面滚动速度外,浏览器会根据页面最终的排版高度作为判断是否可以进入快速滑屏模式的另外一个条件。只有排版高度超过预设值的页面,才可以进入快速滑屏模式。

综上,本方案提出来一个新的快速滑屏方案,在快速滑屏时将页面等比例缩小,用户在相同的滚动速度,相同的滚动距离内可以更快的定位到理想的位置,而且,在快速滑屏模式下,页面不会自动放大,只有退出该模式才会将页面恢复原始比例。

需要说明的是,对于前述的各方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明并不受所描述的动作顺序的限制,因为依据本发明,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定是本发明所必须的。

通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但 很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如rom/ram、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,或者网络设备等)执行本发明各个实施例的方法。

实施例2

本申请还提供了一种显示页面的方法,如图6所示,该方法可以包括:

步骤s62,检测显示页面中的显示信息的滚动速度,其中,显示页面用于按照第一显示比例显示预存信息。

在上述步骤s62中,上述显示页面可以为运行在手机终端的浏览器页面,上述显示信息可以为浏览器页面中的文字内容、图片内容等。用户在阅读浏览器页面时,可以通过手指在显示屏上方进行滑动,浏览器页面中的显示信息则进行滚动,本方案可以采用浏览器内核来实时检测上述显示信息的滚动速度,需要说明的是,上述第一显示比例可以为浏览器页面中显示信息的初始显示比例,上述预存信息可以为显示页面待全部显示的文本、图像等内容,上述预存信息的信息量可以为显示页面的最终排版高度。

下面以用户浏览网页为例,用户user可以打开运行于手机终端上的浏览器,并开始浏览页面page1,此时,如图3所示,页面page1中的显示内容按照初始显示比例进行显示,由于页面page1中的内容篇幅较长,用户user可以滑动手机屏幕,页面page1中的显示内容(文字或者图片)则随着用户user的滑动而滚动。浏览器内核则实时检测页面page1中显示内容的滚动速度。

步骤s64,在滚动速度大于第一预设阈值且预存信息的信息量大于第二预设阈值的情况下,控制显示信息切换为第二显示比例进行显示,其中,第二显示比例小于第一显示比例。

在上述步骤s64中,如果浏览器内核检测到显示页面中的显示信息的滚动速度超过了第一预设阈值,并且预存信息的信息量(显示页面的排版高度)超过第二预设阈值,那么浏览器内核则可以控制显示页面进入快速滑屏模式,即将显示页面中的显示信息的比例缩小,从第一显示比例缩小至第二显示比例,需要说明的是,在本实施例中,仅仅将显示页面中的显示信息的显示比例进行了缩小,显示页面的面积以及显示页面的排版均保持不变,在本实施例中,显示页面的面积可以为手机屏幕的面积,由于显示信息的显示比例缩小,所以,在同样的显示页面的面积中,可以显示篇幅更多 的显示信息,需要说明的是,上述第二预设阈值可以为手机屏幕高度的n倍。

下面仍以用户浏览网页为例,浏览器内核检测出显示页面显示信息的滚动速度超过4500像素单位/s,而且显示页面排版高度为手机屏幕高度的20倍,浏览器内核则控制显示页面进入快速滑屏,浏览器将页面缩小为初始比例的80%。优选地,当滑屏速度超过6000像素单位/s时,浏览器可以将页面进一步缩小为初始比例的60%。当滑屏速度超过6000像素单位/s后,如果此时显示信息滚屏速度降低,浏览器内核控制显示页面比例仍然维持在60%。当显示页面停止滚动超过1秒时,浏览器退出快速滑屏模式,并将页面比例恢复为100%。

在本实施例中,通过检测显示页面中的显示信息的滚动速度,其中,显示页面用于按照第一显示比例显示预存信息;在滚动速度大于第一预设阈值且预存信息的信息量大于第二预设阈值的情况下,控制显示信息切换为第二显示比例进行显示,其中,第二显示比例小于第一显示比例。容易注意到,当显示页面的滚动速度大于预设值时,显示页面进入快速滑屏模式,即将显示信息从第一显示比例切换为第二显示比例,由于显示信息的第二显示比例小于第一显示比例,在第二显示比例下,同样的显示页面可以显示更多篇幅的显示信息,用户可以更快的定位到目标阅读位置,因此,本实施例解决了相关技术中,页面显示的方式简单导致页面滚动时间长、用户浏览效果差的技术问题。

实施例3

根据本发明实施例,还提供了一种用于实施上述实施例1的显示页面的方法的显示页面的装置,如图7所示,该装置包括:

第一检测单元70,用于检测显示页面中的显示信息的第一滚动速度,其中,显示信息按照第一显示比例进行显示;第一控制单元72,用于在第一滚动速度超过第一阈值的情况下,控制显示信息切换为第二显示比例进行显示,其中,第二显示比例小于第一显示比例。

在本实施例中,通过检测显示页面中的显示信息的第一滚动速度,其中,显示信息按照第一显示比例进行显示;在第一滚动速度超过第一阈值的情况下,控制显示信息切换为第二显示比例进行显示,其中,第二显示比例小于第一显示比例。容易注意到,当显示页面的滚动速度大于预设值时,显示页面进入快速滑屏模式,即将显示信息从第一显示比例切换为第二显示比例,由于显示信息的第二显示比例小于第一显示比例,在第二显示比例下,同样的显示页面可以显示更多篇幅的显示信息,用户可以更快的定位到目标阅读位置,因此,本实施例解决了相关技术中,页面显示的方式简 单导致页面滚动时间长、用户浏览效果差的技术问题。

可选地,检测单元可以包括:接收模块,用于接收作用于显示页面中的显示信息的触控信号;确定模块,用于根据触控信号确定第一滚动速度。

可选地,上述装置还可以包括:第二检测单元,用于检测显示信息在第二显示比例下的第二滚动速度;第二控制单元,用于在第二滚动速度超过第二阈值的情况下,控制显示信息切换为第三显示比例进行显示,其中,第二阈值大于第一阈值,第三显示比例小于第二显示比例。

可选地,上述装置还可以包括:第三控制单元,用于在显示信息停止滚动预设时长之后,控制显示信息由第二显示比例还原为第一显示比例进行显示。

可选地,上述装置还可以包括:第四控制单元,用于在显示信息停止滚动预设时长之后,控制显示信息由第三显示比例还原为第一显示比例进行显示。

实施例4

根据本发明实施例,还提供了一种用于实施上述实施例2的显示页面的方法的显示页面的装置,该装置可以包括:

检测单元,用于检测显示页面中的显示信息的滚动速度,其中,显示页面用于按照第一显示比例显示预存信息;控制单元,用于在滚动速度大于第一预设阈值且预存信息的信息量大于第二预设阈值的情况下,控制显示信息切换为第二显示比例进行显示,其中,第二显示比例小于第一显示比例。

在本实施例中,通过检测显示页面中的显示信息的滚动速度,其中,显示页面用于按照第一显示比例显示预存信息;在滚动速度大于第一预设阈值且预存信息的信息量大于第二预设阈值的情况下,控制显示信息切换为第二显示比例进行显示,其中,第二显示比例小于第一显示比例。容易注意到,当显示页面的滚动速度大于预设值时,显示页面进入快速滑屏模式,即将显示信息从第一显示比例切换为第二显示比例,由于显示信息的第二显示比例小于第一显示比例,在第二显示比例下,同样的显示页面可以显示更多篇幅的显示信息,用户可以更快的定位到目标阅读位置,因此,本实施例解决了相关技术中,页面显示的方式简单导致页面滚动时间长、用户浏览效果差的技术问题。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1