CN112836154B - 页面展示方法、装置以及计算机设备 - Google Patents
页面展示方法、装置以及计算机设备 Download PDFInfo
- Publication number
- CN112836154B CN112836154B CN201911167459.XA CN201911167459A CN112836154B CN 112836154 B CN112836154 B CN 112836154B CN 201911167459 A CN201911167459 A CN 201911167459A CN 112836154 B CN112836154 B CN 112836154B
- Authority
- CN
- China
- Prior art keywords
- page
- shortcut bar
- display window
- display
- displaying
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
Abstract
本发明公开了一种页面展示方法,该方法包括:接收页面展示请求;获取所述页面展示请求对应的包括第一页面、快捷栏和第二页面的所述原始页面;将所述第一页面通过长页面方式显示到显示窗口,将所述快捷栏显示到所述显示窗口的最下方;监测所述快捷栏是否被点击;当监测到所述快捷栏被点击后,将所述第一页面隐藏,并将所述第二页面通过长页面方式显示到所述显示窗口,将所述快捷栏显示到所述显示窗口的最上方。本发明还提供一种页面展示装置、计算机设备以及计算机可读存储介质。本发明能够将原始页面划分为在前的第一页面和在后的第二页面,然后通过对快捷栏的操作实现第一页面和第二页面的切换阅读,从而提升阅读灵活性和便捷性。
Description
技术领域
本发明涉及页面展示技术领域,尤其涉及一种页面展示方法、装置、计算机设备及计算机可读存储介质。
背景技术
随着计算机及网络技术的发展,电子阅读广泛出现在人们的日常生活中,人们通过手机或电脑等终端利用浏览器浏览包括网页页面在内的页面信息。其中,对于包含很多内容的页面,一般会通过翻页的方式对页面进行布局;而对于内容不多的页面,则会通过长页面的方式对页面进行布局。长页面方式布局的页面,就是直观地将所有页面内容显示到一张连续的页面上。对于少量内容的长页面来说,浏览过程简单便捷。然而,对于页面内容较为丰富的长页面,当需要回看前面的页面内容或者查看后面的页面内容时,通常需要滑动或者拖动页面上翻或者下翻到很多页面才能做到,因此,翻页过程缺乏灵活性,又缺乏便捷性。
发明内容
有鉴于此,本发明提出一种页面展示方法、装置、计算机设备及计算机可读存储介质,能够解决包含内容较多的长页面在翻页阅读过程中缺乏灵活性和便捷性的问题。
首先,为实现上述目的,本发明提供一种页面展示方法,所述方法包括:
接收页面展示请求;获取所述页面展示请求对应的原始页面,所述原始页面包括第一页面、快捷栏和第二页面,其中,所述快捷栏设置在原始页面中并将所述原始页面划分为所述第一页面和所述第二页面;将所述第一页面通过长页面方式显示到显示窗口,将所述快捷栏显示到所述显示窗口的最下方;监测所述快捷栏是否被点击;当监测到所述快捷栏被点击后,将所述第一页面隐藏,并将所述第二页面通过长页面方式显示到所述显示窗口,将所述快捷栏显示到所述显示窗口的最上方。
在一个例子中,当所述快捷栏显示在所述显示窗口的最上方时,监测所述快捷栏是否被点击;当监测到所述快捷栏被点击后,将所述第二页面隐藏,并将所述第一页面重新显示到所述显示窗口,将所述快捷栏显示到所述显示窗口的最下方。
在一个例子中,所述方法还包括:当所述快捷栏被点击拖动时,监测所述快捷栏被点击拖动到的第一位置;当所述第一位置到所述显示窗口的顶端的垂直距离小于或等于预设的阈值时,则将所述快捷栏显示到所述显示窗口的最上方,并将所述第二页面显示到所述显示窗口;当所述垂直距离大于所述阈值时,将所述快捷栏显示到所述显示窗口的最下方,并将所述第一页面显示到所述显示窗口。
在一个例子中,所述方法还包括:当所述第一页面的最底部内容显示在所述显示窗口时,监测所述第一页面是否向上滑动;当所述第一页面向上滑动时,则将所述快捷栏和所述第二页面接续所述第一页面滑动显示到所述显示窗口,其中,所述快捷栏在滑动到最上方时不再向上滑动,所述第二页面继续向上滑动。
在一个例子中,所述方法还包括:当所述第二页面的最顶部内容显示在所述显示窗口时,监测所述第二页面是否向下滑动;当所述第二页面向下滑动时,则将所述快捷栏和所述第一页面接续所述第二页面滑动显示到所述显示窗口,其中,所述快捷栏在滑动到最下方时不再向下滑动,所述第一页面继续向下滑动。
在一个例子中,当所述快捷栏显示在显示窗口最下方时,将预先设置的关于第二页面的简要说明显示到所述快捷栏。
在一个例子中,当所述快捷栏显示在显示窗口最下方时,将所述快捷栏进行半透明显示。
此外,为实现上述目的,本发明还提供一种页面展示装置,所述装置包括:
接收模块,用于接收页面展示请求;获取模块,用于获取所述页面展示请求对应的原始页面,所述原始页面包括第一页面、快捷栏和第二页面,其中,所述快捷栏设置在原始页面中并将所述原始页面划分为所述第一页面和所述第二页面;显示模块,用于将所述第一页面通过长页面方式显示到显示窗口,将所述快捷栏显示到所述显示窗口的最下方;监测模块,用于监测所述快捷栏是否被点击;所述显示模块,还用于当监测到所述快捷栏被点击后,将所述第一页面隐藏,并将所述第二页面通过长页面方式显示到所述显示窗口,将所述快捷栏显示到所述显示窗口的最上方。
进一步地,本发明还提出一种计算机设备,所述计算机设备包括存储器、处理器,所述存储器上存储有可在所述处理器上运行的计算机程序,所述计算机程序被所述处理器执行时实现如上述的页面展示方法的步骤。
进一步地,为实现上述目的,本发明还提供一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序可被至少一个处理器执行,以使所述至少一个处理器执行如上述的页面展示方法的步骤。
相较于现有技术,本发明所提出的页面展示方法、装置、计算机设备及计算机可读存储介质,能够在接收页面展示请求后,获取包括第一页面、快捷栏和第二页面的所述原始页面;并将所述第一页面通过长页面方式显示到显示窗口,将所述快捷栏显示到所述显示窗口的最下方;接着,监测所述快捷栏是否被点击,当监测到所述快捷栏被点击后,将所述第一页面隐藏,并将所述第二页面通过长页面方式显示到所述显示窗口,将所述快捷栏显示到所述显示窗口的最上方。通过以上方式,能够将原始页面划分为在前的第一页面和在后的第二页面,然后通过对快捷栏的操作实现第一页面和第二页面的切换阅读,从而提升阅读灵活性和便捷性。
附图说明
图1是本发明一实施例的应用环境示意图;
图2是本发明页面展示方法一具体实施例的流程示意图;
图3是本发明一具体实施例中将第一页面和快捷栏显示在所述显示窗口的效果图;
图4是本发明一具体实施例中将第二页面和快捷栏显示在所述显示窗口的效果图;
图5是基于图2一具体实施例的流程示意图;
图6是基于图5一具体实施例的流程示意图;
图7是基于图6一具体实施例的流程示意图;
图8是本发明一具体实施例中所述第一页面向上滑动后,所述快捷栏和所述第二页面接续向上滑动的效果图;
图9是基于图6另一具体实施例的流程示意图;
图10是本发明一具体实施例中所述第二页面向下滑动后,所述快捷栏和所述第一页面接续所述第二页面向下滑动的效果图;
图11是本发明计算机设备一可选的硬件架构的示意图;
图12是本发明页面展示装置一实施例的程序模块示意图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅用以解释本发明,并不用于限定本发明。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
需要说明的是,在本发明中涉及“第一”、“第二”等的描述仅用于描述目的,而不能理解为指示或暗示其相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。另外,各个实施例之间的技术方案可以相互结合,但是必须是以本领域普通技术人员能够实现为基础,当技术方案的结合出现相互矛盾或无法实现时应当认为这种技术方案的结合不存在,也不在本发明要求的保护范围之内。
图1是本发明一实施例的应用环境示意图。参阅图1所示,所述计算机设备1提供一显示界面,所述显示界面包括一显示窗口,当接收到用户触发的页面展示请求之后,可以显示出目标页面。在本实施例中,所述计算机设备1可作为终端设备如移动终端比如手机、平板、便携设备,或者PC机等。在其他实施例中,所述计算机设备1也可以作为独立的功能模块,然后附加到手机、平板、便携设备等移动终端,或者PC机上,以实现页面展示的功能,这里不做限制。
图2是本发明页面展示方法一实施例的流程示意图。可以理解,本方法实施例中的流程图不用于对执行步骤的顺序进行限定。下面以图1所示的应用环境为例,以计算机设备为执行主体进行示例性描述。
如图2所示,所述页面展示方法可以包括步骤S200~S206,其中:
步骤S200,接收页面展示请求。
步骤S202,获取所述页面展示请求对应的原始页面,所述原始页面包括第一页面、快捷栏和第二页面,其中,所述快捷栏设置在原始页面中并将所述原始页面划分为所述第一页面和所述第二页面。
具体的,所述计算机设备1通过提供显示界面与用户进行交互,从而接收用户触发的页面展示请求,比如用户通过所述显示界面点击某个链接或者输入URL地址从而请求对目标资源进行页面展示。当然,在其他实施例中,所述计算机设备1也可以连接到其他计算机设备,然后接收由其他计算机设备发送的页面展示请求。接着,所述计算机设备1根据所述页面展示请求获取对应内容页面,也就是原始页面,并在所述页面中设置快捷栏将所述原始页面划分为第一页面和第二页面。在本实施例中,所述计算机设备1通过建立阅读容器的方式将所述原始页面的内容划分,然后将所述第一页面的页面内容放置在所述第一阅读容器,将所述第二页面的内容放置在所述第二阅读容器,将所述快捷栏的内容放置在所述第三阅读容器,阅读容器之间可以相互独立地进行显示和操作,包括根据点击或者滑动操作执行对应的状态变化。
步骤S204,将所述第一页面通过长页面方式显示到显示窗口,将所述快捷栏显示到所述显示窗口的最下方。
具体地,当所述计算机设备1得到包括第一页面、快捷栏和第二页面的原始页面之后,则将所述第一页面以长页面方式显示到所述显示窗口,将所述快捷栏显示在所述显示窗口的最下方。
在本实施例中,所述快捷栏定位在原始页面的中间部分的内容,如图3所示,图3是本发明将第一页面和快捷栏显示在所述显示窗口的效果图。例如,所述原始页面包括正文部分和评论部分,所述计算机设备1获取到所述原始页面后则将评论部分的评论标题设置为快捷栏,将正文部分划分为第一页面,以及将评论部分的评论内容划分为第二页面。然后,所述计算机设备1将正文部分的第一页面以长页面方式显示在所述显示窗口,并将评论标题的快捷栏显示在所述显示窗口的最下方。在本实施例中,长页面方式显示,也就是说,可以通过滑动所述显示窗口的滚动条或者滑动显示在所述显示窗口的第一页面的内容,从而对所述第一页面内容进行上下滑动。在另一实施例中,所述快捷栏显示在所述显示窗口的最下方时,所述快捷栏还会进行半透明显示,且所述快捷栏还会显示关于第二页面的简要说明内容,比如“看看他们在说什么”。当然,在其他实施例中,所述快捷栏还可以显示其他样式,比如不一样的颜色显示,以及显示其他内容,这里不做限制。通过对显示在所述显示窗口最下方的所述快捷栏进行样式或者文字的特殊显示,能够提示用户所述快捷栏的存在以及预告所述第二页面的内容,从而达到方便用户阅读的目的。
步骤S206,监测所述快捷栏是否被点击。
步骤S208,当监测到所述快捷栏被点击后,将所述第一页面隐藏,并将所述第二页面通过长页面方式显示到所述显示窗口,将所述快捷栏显示到所述显示窗口的最上方。
在本实施例中,当所述显示窗口显示所述第一页面且所述快捷栏显示在所述显示窗口的最下方时,所述计算机设备1还会监测所述快捷栏是否被点击。当监测到所述快捷栏被点击时,那么所述计算机设备1则会切换显示到第二页面,具体地,所述计算机设备1将显示在所述显示窗口的第一页面隐藏,然后将所述第二页面通过长页面方式显示到所述显示窗口,然后适应性地将所述快捷栏显示到所述显示窗口的最上方。如图4所示,图4是本发明将第二页面和快捷栏显示在所述显示窗口的效果图。所述计算机设备1将评论标题的快捷栏显示在所述显示窗口的最上方,此时的评论标题为原始页面中对应的页面内容,而且也没有进行半透明显示或者显示其他简要说明类的文字。
参阅图5所示,所述页面展示方法除了包括步骤S200~S206之外,还包括步骤S300~S302。
步骤S300,监测所述快捷栏是否被点击。
步骤S302,当监测到所述快捷栏被点击后,将所述第二页面隐藏,并将所述第一页面重新显示到所述显示窗口,将所述快捷栏显示到所述显示窗口的最下方。
具体地,当所述第二页面显示在所述显示窗口,所述快捷栏显示到所述显示窗口的最上方之后,所述计算机设备1还会继续监测所述述快捷栏是否被点击。当监测到所述快捷栏被点击时,那么所述计算机设备1则会重新切换显示到第一页面,具体地,所述计算机设备1将显示在所述显示窗口的第二页面隐藏,然后将所述第一页面通过长页面方式显示到所述显示窗口,然后适应性地将所述快捷栏显示到所述显示窗口的最下方。值得说明的是,当所述计算机设备1将重新切换到所述第一页面后,所述第一页面显示的内容是步骤S208切换到第二页面之前的内容。所述计算机设备1通过标记切换页面之前的阅读内容,从而保证用户在阅读过程中切换第一页面或者第二页面后,可以重新切换回去继续阅读。
另外,所述快捷栏还设置为可以被点击拖动,因此,所述页面展示方法除了包括以上步骤之外,还包括步骤S400~S404,请参阅图6。
步骤S400,当所述快捷栏被点击拖动时,监测所述快捷栏被点击拖动到的第一位置。
步骤S402,当所述第一位置到所述显示窗口的顶端的垂直距离小于或等于预设的阈值时,则将所述快捷栏显示到所述显示窗口的最上方,并将所述第二页面显示到所述显示窗口。
步骤S404,当所述垂直距离大于所述阈值时,将所述快捷栏显示到所述显示窗口的最下方,并将所述第一页面显示到所述显示窗口。
具体地,所述计算机设备1将所述第一页面显示到所述显示窗口、将所述快捷栏显示在所述显示窗口的最下方,或者将所述第二页面显示到所述显示窗口、将所述快捷栏显示在所述显示窗口的最上方的情况下,只要不是所述第一页面的最底部内容接续显示在所述显示窗口的上方,那么,所述快捷栏都可以被用户点击拖动。因此,当所述快捷栏被点击拖动时,所述计算机设备1监测所述快捷栏被点击拖动到的第一位置,其中,所述第一位置表示所述快捷栏被点击连续拖动后最后停留的位置。在本实施例中,所述计算机设备1通过position定位或者transform定位的方式监测所述快捷栏在所述显示窗口的位置。
当所述计算机设备1监测到所述第一位置到所述显示窗口的顶端的垂直距离小于或等于预设的阈值时,说明所述快捷栏距离所述显示窗口的顶部较近,因此,所述计算机设备1则将所述快捷栏显示到所述显示窗口的最上方,并将所述第二页面显示到所述显示窗口。如果所述第一位置到所述显示窗口的顶端的垂直距离大于所述阈值时,说明所述快捷栏距离所述显示窗口的底部较近,那么,所述计算机设备1则将所述快捷栏显示到所述显示窗口的最下方,并将所述第一页面显示到所述显示窗口。通过这样的方式,可以根据用户的对所述快捷栏的拖动,实现更加准确地将所述快捷栏显示到所述显示窗口的最上方或者最下方。
如图7所示,在一具体实施例中,所述页面展示方法除了包括以上步骤之外,还包括步骤S500~S502。
步骤S500,当所述第一页面的最底部内容显示在所述显示窗口时,监测所述第一页面是否向上滑动。
步骤S502,当所述第一页面向上滑动时,则将所述快捷栏和所述第二页面接续所述第一页面滑动显示到所述显示窗口,其中,所述快捷栏在滑动到最上方时不再向上滑动,所述第二页面继续向上滑动。
具体地,所述计算机设备1将所述第一页面显示在所述显示窗口之后,当用户向上滑动时,所述第一页面的页面内容则适应性地向上翻。当所第一页面的最底部的页面内容显示在所述显示窗口时,那么,表示第一页面已阅读完毕,此时,当所述计算机设备1监测到所述第一页面继续向上滑动,则会将所述快捷栏和所述第二页面最顶部的页面内容接续所述第一页面滑动显示到所述显示窗口。这个接续的过程,可以理解为,当所述第一页面的最底部的页面向上滑动后,所述快捷栏由显示在所述显示窗口的最下方随着向上滑动的节奏跟着所述第一页面的最底部页面内容向上滑动,然后所述第二页面的最顶部的页面内容显示出来,并随着滑动的接着向上滑动。
在本实施例中,所述计算机设备1通过position定位或者transform定位的方式监测所述第一页面的内容在所述显示窗口的位置。例如,所述第一页面的总高度为L,所述显示窗口的高度为M,那么,当所述第一页面由最顶部的页面向上滑动了L-2M的距离后,则表示所述第一页面的最底部的内容显示在所述显示窗口。因此,所述计算机设备1监测到所述第一页面继续向上滑动时,则会将所述快捷栏和所述第二页面的最顶部的页面内容接续所述第一页面滑动显示到所述显示窗口。
当然,所述快捷栏在滑动到最上方时不再向上滑动,而所述第二页面还会根据滑动的节奏继续向上滑动。请参照图8所示,图8是所述第一页面向上滑动后,所述快捷栏和所述第二页面接续向上滑动的效果图。其中,正文部分的第一页面、评论标题的快捷栏和评论部分的第二页面同时显示在所述显示窗口。从而实现所述第一页面,所述快捷栏和所述第二页面的无缝衔接阅读。
如图9所示,在另一具体实施例中,所述页面展示方法除了包括以上步骤之外,还包括步骤S600~S602。
步骤S600,当所述第二页面的最顶部内容显示在所述显示窗口时,监测所述第二页面是否向下滑动。
步骤S602,当所述第二页面向下滑动时,则将所述快捷栏和所述第一页面接续所述第二页面滑动显示到所述显示窗口,其中,所述快捷栏在滑动到最下方时不再向下滑动,所述第一页面继续向下滑动。
具体地,所述计算机设备1将所述第二页面显示在所述显示窗口之后,当用户向下滑动时,所述第二页面的页面内容则适应性地向下翻。当所第二页面的最顶部的页面内容显示在所述显示窗口时,此时,当所述计算机设备1监测到所述第二页面向下滑动,则会将所述快捷栏和所述第一页面的最底部的页面内容接续所述第二页面滑动显示到所述显示窗口。这个接续的过程,可以理解为,当所述第二页面的最顶部的页面向下滑动后,所述快捷栏由显示在所述显示窗口的最上方随着向下滑动的节奏跟着所述第二页面的最顶部的页面内容向下滑动。然后所述第一页面的最底部的页面内容则会显示出来,并随着滑动的接着向下滑动。
其中,所述快捷栏在滑动到最下方时则不再向下滑动,而所述第一页面还会根据滑动的节奏继续向下滑动。请参照图10所示,图10是所述第二页面向下滑动后,所述快捷栏和所述第一页面接续所述第二页面向下滑动的效果图。其中,正文部分的第一页面、评论标题的快捷栏和评论部分的第二页面同时显示在所述显示窗口。从而实现所述第一页面,所述快捷栏和所述第二页面的无缝衔接阅读。
从上文可知,本实施例所提出的页面展示方法能够在接收页面展示请求后,获取包括第一页面、快捷栏和第二页面的所述原始页面;并将所述第一页面通过长页面方式显示到显示窗口,将所述快捷栏显示到所述显示窗口的最下方;接着,监测所述快捷栏是否被点击,当监测到所述快捷栏被点击后,将所述第一页面隐藏,并将所述第二页面通过长页面方式显示到所述显示窗口,将所述快捷栏显示到所述显示窗口的最上方。通过以上方式,能够将原始页面划分为在前的第一页面和在后的第二页面,然后通过对快捷栏的操作实现第一页面和第二页面的切换阅读,从而提升阅读灵活性和便捷性。
此外,本发明还提供一种计算机设备,参阅图11所示,是本发明计算机设备一可选的硬件架构的示意图。
本实施例中,所述计算机设备1可包括,但不仅限于,可通过系统总线相互通信连接存储器11、处理器12、网络接口13。所述计算机设备1通过网络接口13连接网络(图11未标出),通过网络连接到其他计算机设备(图11未标出)进行数据交互。所述网络可以是企业内部网(Intranet)、互联网(Internet)、全球移动通讯系统(Global System of Mobilecommunication,GSM)、宽带码分多址(Wideband Code Division MultIPle Access,WCDMA)、4G网络、5G网络、蓝牙(Bluetooth)、Wi-Fi、通话网络等无线或有线网络。
需要指出的是,图11仅示出了具有组件11-13的计算机设备1,但是应理解的是,并不要求实施所有示出的组件,可以替代的实施更多或者更少的组件。
其中,所述存储器11至少包括一种类型的可读存储介质,所述可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如,SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中,所述存储器11可以是所述计算机设备1的内部存储单元,例如该计算机设备1的硬盘或内存。在另一些实施例中,所述存储器11也可以是所述计算机设备1的外部存储设备,例如该计算机设备1配备的插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)等。当然,所述存储器11还可以既包括所述计算机设备1的内部存储单元也包括其外部存储设备。本实施例中,所述存储器11通常用于存储安装于所述计算机设备1的操作系统和各类应用软件,页面展示装置200的程序代码等。此外,所述存储器11还可以用于暂时地存储已经输出或者将要输出的各类数据。
所述处理器12在一些实施例中可以是中央处理器(Central Processing Unit,CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器12通常用于控制所述计算机设备1的总体操作,例如执行数据交互或者通信相关的控制和处理等。本实施例中,所述处理器12用于运行所述存储器11中存储的程序代码或者处理数据,例如运行所述页面展示装置200的应用程序,这里不做限制。
所述网络接口13可包括无线网络接口或有线网络接口,该网络接口13通常用于在所述计算机设备1与其他计算机设备建立通信连接。
本实施例中,所述计算机设备1内安装并运行有页面展示装置200时,当所述页面展示装置200运行时,能够在接收页面展示请求后,获取包括第一页面、快捷栏和第二页面的所述原始页面;并将所述第一页面通过长页面方式显示到显示窗口,将所述快捷栏显示到所述显示窗口的最下方;接着,监测所述快捷栏是否被点击,当监测到所述快捷栏被点击后,将所述第一页面隐藏,并将所述第二页面通过长页面方式显示到所述显示窗口,将所述快捷栏显示到所述显示窗口的最上方。通过以上方式,能够将原始页面划分为在前的第一页面和在后的第二页面,然后通过对快捷栏的操作实现第一页面和第二页面的切换阅读,从而提升阅读灵活性和便捷性。
至此,己经详细介绍了本发明计算机设备的硬件结构和功能。下面,将基于上述计算机设备,提出本发明的各个实施例。
参阅图12所示,是本发明页面展示装置200一实施例的程序模块图。
本实施例中,所述页面展示装置200包括一系列的存储于存储器11上的计算机程序指令,当该计算机程序指令被处理器12执行时,可以实现本发明实施例的页面展示功能。在一些实施例中,基于该计算机程序指令各部分所实现的特定的操作,页面展示装置200可以被划分为一个或多个模块。例如,在图12中,所述页面展示装置200可以被分割成接收模块201、获取模块202、显示模块203和监测模块204。其中:
所述接收模块201,用于接收页面展示请求。
所述获取模块202,用于获取所述页面展示请求对应的原始页面,所述原始页面包括第一页面、快捷栏和第二页面,其中,所述快捷栏设置在原始页面中并将所述原始页面划分为所述第一页面和所述第二页面。
具体的,所述计算机设备提供显示界面与用户进行交互,因此,所述接收模块201可以接收用户触发的页面展示请求,比如用户通过所述显示界面点击某个链接或者输入URL地址从而请求对目标资源进行页面展示。当然,在其他实施例中,所述计算机设备也可以连接到其他计算机设备,然后所述接收模块201接收由其他计算机设备发送的页面展示请求。接着,所述获取模块202根据所述页面展示请求获取对应内容页面,也就是原始页面,并在所述页面中设置快捷栏将所述原始页面划分为第一页面和第二页面。在本实施例中,所述获取模块202通过建立阅读容器的方式将所述原始页面的内容划分,然后将所述第一页面的页面内容放置在所述第一阅读容器,将所述第二页面的内容放置在所述第二阅读容器,将所述快捷栏的内容放置在所述第三阅读容器,阅读容器之间可以相互独立地进行显示和操作,包括根据点击或者滑动操作执行对应的状态变化。
所述显示模块203,用于将所述第一页面通过长页面方式显示到显示窗口,将所述快捷栏显示到所述显示窗口的最下方。
具体地,当所述获取模块202获取到包括第一页面、快捷栏和第二页面的原始页面之后,所述显示模块203则将所述第一页面以长页面方式显示到所述显示窗口,将所述快捷栏显示在所述显示窗口的最下方。
在本实施例中,所述快捷栏定位在原始页面的中间部分的内容,如图3所示,图3是本发明将第一页面和快捷栏显示在所述显示窗口的效果图。例如,所述原始页面包括正文部分和评论部分,所述获取模块202获取到所述原始页面后则将评论部分的评论标题设置为快捷栏,将正文部分划分为第一页面,以及将评论部分的评论内容划分为第二页面。然后,所述显示模块203将正文部分的第一页面以长页面方式显示在所述显示窗口,并将评论标题的快捷栏显示在所述显示窗口的最下方。在本实施例中,长页面方式显示,也就是说,可以通过滑动所述显示窗口的滚动条或者滑动显示在所述显示窗口的第一页面的内容,从而对所述第一页面内容进行上下滑动。在另一实施例中,所述快捷栏显示在所述显示窗口的最下方时,所述快捷栏还会进行半透明显示,且所述快捷栏还会显示关于第二页面的简要说明内容,比如“看看他们在说什么”。当然,在其他实施例中,所述快捷栏还可以显示其他样式,比如不一样的颜色显示,以及显示其他内容,这里不做限制。
所述监测模块204,用于监测所述快捷栏是否被点击。
所述显示模块203,还用于当监测到所述快捷栏被点击后,将所述第一页面隐藏,并将所述第二页面通过长页面方式显示到所述显示窗口,将所述快捷栏显示到所述显示窗口的最上方。
在本实施例中,当所述显示窗口显示所述第一页面且所述快捷栏显示在所述显示窗口的最下方时,所述监测模块204还会监测所述快捷栏是否被点击。当所述监测模块204监测到所述快捷栏被点击时,那么所述显示模块203则会切换显示到第二页面,具体地,所述显示模块203将显示在所述显示窗口的第一页面隐藏,然后将所述第二页面通过长页面方式显示到所述显示窗口,然后适应性地将所述快捷栏显示到所述显示窗口的最上方。如图4所示,图4是本发明将第二页面和快捷栏显示在所述显示窗口的效果图。所述显示模块203将评论标题的快捷栏显示在所述显示窗口的最上方,此时的评论标题为原始页面中对应的页面内容,而且也没有进行半透明显示或者显示其他简要说明类的文字。
当所述显示模块203将所述第二页面通过长页面方式显示到所述显示窗口,将所述快捷栏显示到所述显示窗口的最上方之后,所述监测模块204,还用于继续监测所述快捷栏是否被点击。当所述监测模块204监测到所述快捷栏被点击后,所述显示模块203还用于将所述第二页面隐藏,并将所述第一页面重新显示到所述显示窗口,将所述快捷栏显示到所述显示窗口的最下方。
具体地,当所述显示模块203将所述第二页面显示在所述显示窗口,将所述快捷栏显示到所述显示窗口的最上方之后,所述监测模块204还会继续监测所述述快捷栏是否被点击。当所述监测模块204监测到所述快捷栏被点击时,那么所述显示模块203则会重新切换显示到第一页面,具体地,所述显示模块203将显示在所述显示窗口的第二页面隐藏,然后将所述第一页面通过长页面方式显示到所述显示窗口,然后适应性地将所述快捷栏显示到所述显示窗口的最下方。值得说明的是,当所述显示模块203将重新切换到所述第一页面后,所述第一页面显示的内容是所述第一页面切换到第二页面之前的内容。所述显示模块203通过标记切换页面之前的阅读内容,从而保证用户在阅读过程中切换第一页面或者第二页面后,可以重新切换回去继续阅读。
另外,所述监测模块204还用于当所述快捷栏被点击拖动时,监测所述快捷栏被点击拖动到的第一位置。
所述显示模块203还用于当所述监测模块204监测到所述第一位置到所述显示窗口的顶端的垂直距离小于或等于预设的阈值时,则将所述快捷栏显示到所述显示窗口的最上方,并将所述第二页面显示到所述显示窗口;当所述监测模块204监测到所述第一位置到所述显示窗口的顶端的垂直距离大于所述阈值时,则将所述快捷栏显示到所述显示窗口的最下方,并将所述第一页面显示到所述显示窗口。
具体地,所述显示模块203将所述第一页面显示到所述显示窗口、将所述快捷栏显示在所述显示窗口的最下方,或者将所述第二页面显示到所述显示窗口、将所述快捷栏显示在所述显示窗口的最上方的情况下,只要不是所述第一页面的最底部内容接续显示在所述显示窗口的上方,那么,所述快捷栏都可以被用户点击拖动。因此,当所述快捷栏被点击拖动时,所述监测模块204监测所述快捷栏被点击拖动到的第一位置,其中,所述第一位置表示所述快捷栏被点击连续拖动后最后停留的位置。在本实施例中,所述监测模块204通过position定位或者transform定位的方式监测所述快捷栏在所述显示窗口的位置。
当所述监测模块204监测到所述第一位置到所述显示窗口的顶端的垂直距离小于或等于预设的阈值时,说明所述快捷栏距离所述显示窗口的顶部较近,因此,所述显示模块203则将所述快捷栏显示到所述显示窗口的最上方,并将所述第二页面显示到所述显示窗口。如果所述第一位置到所述显示窗口的顶端的垂直距离大于所述阈值时,说明所述快捷栏距离所述显示窗口的底部较近,那么,所述显示模块203则将所述快捷栏显示到所述显示窗口的最下方,并将所述第一页面显示到所述显示窗口。
在另一具体实施例中,当所述第一页面的最底部内容显示在所述显示窗口时,所述监测模块204还会监测所述第一页面是否向上滑动。当所述监测模块204监测到所述第一页面向上滑动时,所述显示模块203则将所述快捷栏和所述第二页面接续所述第一页面滑动显示到所述显示窗口,其中,所述快捷栏在滑动到最上方时不再向上滑动,所述第二页面继续向上滑动。
具体地,所述显示模块203将所述第一页面显示在所述显示窗口之后,当用户向上滑动时,所述第一页面的页面内容则适应性地向上翻。当所第一页面的最底部的页面内容显示在所述显示窗口时,那么,表示第一页面已阅读完毕,此时,当所述监测模块204监测到所述第一页面继续向上滑动,所述显示模块203则会将所述快捷栏和所述第二页面最顶部的页面内容接续所述第一页面滑动显示到所述显示窗口。这个接续的过程,可以理解为,当所述第一页面的最底部的页面向上滑动后,所述快捷栏由显示在所述显示窗口的最下方随着向上滑动的节奏跟着所述第一页面的最底部页面内容向上滑动,然后所述第二页面的最顶部的页面内容显示出来,并随着滑动的接着向上滑动。
在本实施例中,所述监测模块204通过position定位或者transform定位的方式监测所述第一页面的内容在所述显示窗口的位置。例如,所述第一页面的总高度为L,所述显示窗口的高度为M,那么,当所述监测模块204监测到所述第一页面由最顶部的页面向上滑动了L-2M的距离后,则表示所述第一页面的最底部的内容显示在所述显示窗口。因此,所述监测模块204监测到所述第一页面继续向上滑动时,所述显示模块203则会将所述快捷栏和所述第二页面的最顶部的页面内容接续所述第一页面滑动显示到所述显示窗口。
当然,所述快捷栏在滑动到最上方时不再向上滑动,而所述第二页面还会根据滑动的节奏继续向上滑动。请参照图8所示,图8是所述第一页面向上滑动后,所述快捷栏和所述第二页面接续向上滑动的效果图。其中,正文部分的第一页面、评论标题的快捷栏和评论部分的第二页面同时显示在所述显示窗口。
在另一具体实施例中,当所述第二页面的最顶部内容显示在所述显示窗口时,所述监测模块204还会监测所述第二页面是否向下滑动。当所述监测模块204监测到所述第二页面向下滑动时,所述显示模块203则将所述快捷栏和所述第一页面接续所述第二页面滑动显示到所述显示窗口,其中,所述快捷栏在滑动到最下方时不再向下滑动,所述第一页面继续向下滑动。
具体地,所述显示模块203将所述第二页面显示在所述显示窗口之后,当用户向下滑动时,所述第二页面的页面内容则适应性地向下翻。当所第二页面的最顶部的页面内容显示在所述显示窗口时,此时,当所述监测模块204监测到所述第二页面向下滑动,所述显示模块203则会将所述快捷栏和所述第一页面的最底部的页面内容接续所述第二页面滑动显示到所述显示窗口。这个接续的过程,可以理解为,当所述第二页面的最顶部的页面向下滑动后,所述快捷栏由显示在所述显示窗口的最上方随着向下滑动的节奏跟着所述第二页面的最顶部的页面内容向下滑动。然后所述第一页面的最底部的页面内容则会显示出来,并随着滑动的接着向下滑动。
其中,所述快捷栏在滑动到最下方时则不再向下滑动,而所述第一页面还会根据滑动的节奏继续向下滑动。请参照图10所示,图10是所述第二页面向下滑动后,所述快捷栏和所述第一页面接续所述第二页面向下滑动的效果图。其中,正文部分的第一页面、评论标题的快捷栏和评论部分的第二页面同时显示在所述显示窗口。
从上文可知,所述计算机设备能够在接收页面展示请求后,获取包括第一页面、快捷栏和第二页面的所述原始页面;并将所述第一页面通过长页面方式显示到显示窗口,将所述快捷栏显示到所述显示窗口的最下方;接着,监测所述快捷栏是否被点击,当监测到所述快捷栏被点击后,将所述第一页面隐藏,并将所述第二页面通过长页面方式显示到所述显示窗口,将所述快捷栏显示到所述显示窗口的最上方。通过以上方式,能够将原始页面划分为在前的第一页面和在后的第二页面,然后通过对快捷栏的操作实现第一页面和第二页面的切换阅读,从而提升阅读灵活性和便捷性。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,空调器,或者网络设备等)执行本发明各个实施例所述的方法。
以上仅为本发明的优选实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围内。
Claims (10)
1.一种页面展示方法,其特征在于,所述方法包括步骤:
接收页面展示请求;
获取所述页面展示请求对应的原始页面,所述原始页面包括第一页面、快捷栏和第二页面,其中,所述快捷栏设置在原始页面中并将所述原始页面划分为所述第一页面和所述第二页面;
将所述第一页面通过长页面方式显示到显示窗口,将所述快捷栏显示到所述显示窗口的最下方;
监测所述快捷栏是否被点击;
当监测到所述快捷栏被点击后,将所述第一页面隐藏,并将所述第二页面通过长页面方式显示到所述显示窗口,将所述快捷栏显示到所述显示窗口的最上方;
当所述快捷栏被点击拖动时,监测所述快捷栏被点击拖动到的第一位置;
当所述第一位置到所述显示窗口的顶端的垂直距离小于或等于预设的阈值时,则将所述快捷栏显示到所述显示窗口的最上方,并将所述第二页面显示到所述显示窗口。
2.如权利要求1所述的页面展示方法,其特征在于,当所述快捷栏显示在所述显示窗口的最上方时,
监测所述快捷栏是否被点击;
当监测到所述快捷栏被点击后,将所述第二页面隐藏,并将所述第一页面重新显示到所述显示窗口,将所述快捷栏显示到所述显示窗口的最下方。
3.如权利要求1或2所述的页面展示方法,其特征在于,所述方法还包括:
当所述第一位置到所述显示窗口的顶端的所述垂直距离大于所述阈值时,将所述快捷栏显示到所述显示窗口的最下方,并将所述第一页面显示到所述显示窗口。
4.如权利要求1所述的页面展示方法,其特征在于,所述方法还包括:
当所述第一页面的最底部内容显示在所述显示窗口时,监测所述第一页面是否向上滑动;
当所述第一页面向上滑动时,则将所述快捷栏和所述第二页面接续所述第一页面滑动显示到所述显示窗口,其中,所述快捷栏在滑动到最上方时不再向上滑动,所述第二页面继续向上滑动。
5.如权利要求1所述的页面展示方法,其特征在于,所述方法还包括:
当所述第二页面的最顶部内容显示在所述显示窗口时,监测所述第二页面是否向下滑动;
当所述第二页面向下滑动时,则将所述快捷栏和所述第一页面接续所述第二页面滑动显示到所述显示窗口,其中,所述快捷栏在滑动到最下方时不再向下滑动,所述第一页面继续向下滑动。
6.如权利要求1所述的页面展示方法,其特征在于,
当所述快捷栏显示在显示窗口最下方时,将预先设置的关于第二页面的简要说明显示到所述快捷栏。
7.如权利要求1所述的页面展示方法,其特征在于,当所述快捷栏显示在显示窗口最下方时,将所述快捷栏进行半透明显示。
8.一种页面展示装置,其特征在于,所述装置包括:
接收模块,用于接收页面展示请求;
获取模块,用于获取所述页面展示请求对应的原始页面,所述原始页面包括第一页面、快捷栏和第二页面,其中,所述快捷栏设置在原始页面中并将所述原始页面划分为所述第一页面和所述第二页面;
显示模块,用于将所述第一页面通过长页面方式显示到显示窗口,将所述快捷栏显示到所述显示窗口的最下方;
监测模块,用于监测所述快捷栏是否被点击;
所述显示模块,还用于当监测到所述快捷栏被点击后,将所述第一页面隐藏,并将所述第二页面通过长页面方式显示到所述显示窗口,将所述快捷栏显示到所述显示窗口的最上方;
所述监测模块,还用于当所述快捷栏被点击拖动时,监测所述快捷栏被点击拖动到的第一位置;
所述显示模块,还用于当所述第一位置到所述显示窗口的顶端的垂直距离小于或等于预设的阈值时,则将所述快捷栏显示到所述显示窗口的最上方,并将所述第二页面显示到所述显示窗口。
9.一种计算机设备,其特征在于,所述计算机设备包括存储器、处理器,所述存储器上存储有可在所述处理器上运行的计算机程序,所述计算机程序被所述处理器执行时实现如权利要求1-7任一项所述的页面展示方法的步骤。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机程序,所述计算机程序可被至少一个处理器执行,以使所述至少一个处理器执行如权利要求1-7中任一项所述的页面展示方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911167459.XA CN112836154B (zh) | 2019-11-25 | 2019-11-25 | 页面展示方法、装置以及计算机设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911167459.XA CN112836154B (zh) | 2019-11-25 | 2019-11-25 | 页面展示方法、装置以及计算机设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112836154A CN112836154A (zh) | 2021-05-25 |
CN112836154B true CN112836154B (zh) | 2022-12-27 |
Family
ID=75922927
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911167459.XA Active CN112836154B (zh) | 2019-11-25 | 2019-11-25 | 页面展示方法、装置以及计算机设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112836154B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113934949B (zh) * | 2021-11-24 | 2022-10-14 | 掌阅科技股份有限公司 | 资讯页面展示方法、电子设备及计算机存储介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103729106A (zh) * | 2012-10-10 | 2014-04-16 | 腾讯科技(深圳)有限公司 | 网页缩略图展示方法和装置 |
CN104199600A (zh) * | 2014-08-27 | 2014-12-10 | 可牛网络技术(北京)有限公司 | 浏览器多标签页的处理方法及浏览器 |
CN105488051A (zh) * | 2014-09-17 | 2016-04-13 | 腾讯科技(深圳)有限公司 | 网页处理方法及装置 |
CN105843815A (zh) * | 2015-01-14 | 2016-08-10 | 腾讯科技(深圳)有限公司 | 页面评论处理方法、装置和浏览器 |
CN109683754A (zh) * | 2017-10-19 | 2019-04-26 | 阿里巴巴集团控股有限公司 | 一种移动终端页面切换方法及装置 |
CN110489043A (zh) * | 2019-07-31 | 2019-11-22 | 华为技术有限公司 | 一种悬浮窗口的管理方法及相关装置 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103116440A (zh) * | 2013-01-23 | 2013-05-22 | 深圳市金立通信设备有限公司 | 一种在终端上移动图标的方法及终端 |
-
2019
- 2019-11-25 CN CN201911167459.XA patent/CN112836154B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103729106A (zh) * | 2012-10-10 | 2014-04-16 | 腾讯科技(深圳)有限公司 | 网页缩略图展示方法和装置 |
CN104199600A (zh) * | 2014-08-27 | 2014-12-10 | 可牛网络技术(北京)有限公司 | 浏览器多标签页的处理方法及浏览器 |
CN105488051A (zh) * | 2014-09-17 | 2016-04-13 | 腾讯科技(深圳)有限公司 | 网页处理方法及装置 |
CN105843815A (zh) * | 2015-01-14 | 2016-08-10 | 腾讯科技(深圳)有限公司 | 页面评论处理方法、装置和浏览器 |
CN109683754A (zh) * | 2017-10-19 | 2019-04-26 | 阿里巴巴集团控股有限公司 | 一种移动终端页面切换方法及装置 |
CN110489043A (zh) * | 2019-07-31 | 2019-11-22 | 华为技术有限公司 | 一种悬浮窗口的管理方法及相关装置 |
Also Published As
Publication number | Publication date |
---|---|
CN112836154A (zh) | 2021-05-25 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
NL2007909C2 (en) | Method and apparatus of scrolling a document displayed in a browser window. | |
CN111625167B (zh) | 页面切换方法、装置、计算机设备 | |
US20150212679A1 (en) | Method, system and terminal for interface presentation | |
CN108463799B (zh) | 电子设备的柔性显示器及其操作方法 | |
KR20110066314A (ko) | 통신 단말기에서 북마크 서비스 제공 방법 및 장치 | |
CN104834637B (zh) | 网页图片展示方法及装置 | |
CN109062653B (zh) | 长图文信息显示方法、计算机装置及计算机可读存储介质 | |
CN112130729B (zh) | 页面处理方法、装置、计算机设备和存储介质 | |
WO2020258650A1 (zh) | 页面信息显示方法、装置、计算机设备和存储介质 | |
TW201327225A (zh) | 瀏覽器顯示子頁面的處理方法及瀏覽器 | |
CN105808307B (zh) | 一种页面显示方法和装置 | |
CN108491140B (zh) | 互动内容的展示方法及装置 | |
CN112836154B (zh) | 页面展示方法、装置以及计算机设备 | |
US20150067469A1 (en) | Electronic apparatus and method for display control | |
US20140223291A1 (en) | System and method for restructuring content on reorientation of a mobile device | |
CN113312135A (zh) | 一种列表展示方法、装置、计算机设备及存储介质 | |
CN110020232B (zh) | 一种内容浏览方法、装置、设备及计算机可读介质 | |
CN111796736B (zh) | 应用程序的分享方法、装置和电子设备 | |
CN114330240A (zh) | Pdf文档解析方法、装置、计算机设备及存储介质 | |
CN105677749B (zh) | 一种页面显示方法及装置 | |
CN111859213A (zh) | 动态图形生成方法、装置、计算机设备和存储介质 | |
CN105718132A (zh) | 桌面导航系统及方法 | |
CN106095734B (zh) | 一种文本显示方法及装置 | |
JP6520674B2 (ja) | 表示システム、表示端末、表示方法、および表示プログラム | |
CN106775222B (zh) | 维度信息显示方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |