具体实施方式
现在将参照附图来详细描述本发明的各种示例性实施例。应注意到:除非另外具体说明,否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本发明的范围。
以下对至少一个示例性实施例的描述实际上仅仅是说明性的,决不作为对本发明及其应用或使用的任何限制。
对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论,但在适当情况下,所述技术、方法和设备应当被视为说明书的一部分。
在这里示出和讨论的所有例子中,任何具体值应被解释为仅仅是示例性的,而不是作为限制。因此,示例性实施例的其它例子可以具有不同的值。
应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步讨论。
在本发明的实施例中,提出了一种用于展现网页内容的新方式。随着互联网技术的发展,浏览网页成为人们获取信息的一个重要途径。如何在提供网页内容时提高用户的使用体验,这是软件及内容提供商所关心一个技术问题。技术人员一直在寻找各种手段改进向用户展现网页内容的方式,以提升用户体验,增加用户粘性。
在本公开的内容中提出,隐藏网页元素的部分内容并通过下拉操作展现隐藏区域。
下面,参照附图描述根据本发明的各个实施例和例子。
<方法>
图1是根据本发明的一个实施例的用于展现网页内容的方法的示意性流程图。
如图1所示,在步骤S1100,获取对于页面元素的下拉操作,其中,所述页面元素包括展示区域,以及所述展示区域包括隐藏的第一部分和展现的第二部分。例如,所述页面元素是网页页面中显示标题栏等。
例如,可以通过将所述页面元素的展示高度H1设置为小于所述页面元素的实际内容高度H,隐藏所述第一部分。
在步骤S1200,响应于所述下拉操作展现所述第一部分。
在这里,为了防止误操作,可以通过设置预定阈值来展现第一部分。例如,首先获取下拉操作的下拉偏移量。接着,在下拉偏移量大于预定阈值的情况下,展现所述第一部分。例如,所述预定阈值是所述实际内容高度H的一半。
在一个例子中,所述页面元素是网页的顶部标题栏,以及在网页页面处于最顶部的情况下,当检测到用户的当前触摸位置相对于初始触摸位置向下移动时,确定所述下拉操作。
例如,跟随所述下拉操作展现所述第一部分的至少一部分。在一个例子中,可以通过下拉操作直接跳转到第一部分中的各个条目对应的网页链接,从而方便用户的浏览并提升用户体验。例如,在纵向方向(下拉方向)上将所述第一部分分成多个区块,每个区块与一个网页链接对应。当用户的下拉操作到达所述区块中的一个区块并且停止下拉操作时可以自动跳转到该区块对应的网页链接。例如,可以打开该网页链接对应的网页页面。例如,通过检测用户的手指离开操作板(例如,触摸屏或触摸板)而确定下拉操作停止。可选地,也可以通过检测用户的手指在操作板上静止超过预定时间(例如2秒)而确定下拉操作停止。通过这种方式可以提高用户操作的连贯性,从而进一步提升用户使用体验。在这里,当用户的下拉操作到达第一部分的最后一个区块(即,下拉方向上位于最下方的区块)时,用户可能不希望直接跳转到该区块对应的网页链接,而是希望浏览第一部分的各个区块并选择期望的区块。考虑到这种情况,当用户的下拉操作到达第一部分的最后一个区块时,可以不执行所述自动跳转。
在所公开的实施例中,隐藏网页元素的部分内容,从而在尽量小的空间呈现更多的内容。通过下拉操作,显示所述网页元素的隐藏区域。通过这种方式,用户可以更加流畅地获取更多的信息,从而增加了用户体验。由于诸如手机的智能终端通常具有较小的屏幕,因此,这对于这种电子设备是尤其有利的。
<设备>
本领域技术人员应当理解,在电子技术领域中,可以通过软件、硬件以及软件和硬件结合的方式,将上述方法体现在产品中本领域技术人员很容易基于上面公开的方法,产生一种用于展现网页内容的设备。所述设备可以包括用于执行前面所述的实施例中的用于用于展现网页内容的方法中的各个步骤的装置。例如,所述设备包括:用于获取对于页面元素的下拉操作的装置,其中,所述页面元素包括展示区域,以及所述展示区域包括隐藏的第一部分和展现的第二部分;以及用于响应于所述下拉操作展现所述第一部分的装置。
本领域技术人员公知的是,随着诸如大规模集成电路技术的电子信息技术的发展和软件硬件化的趋势,要明确划分计算机***软、硬件界限已经显得比较困难了。因为,任何操作可以软件来实现,也可以由硬件来实现。任何指令的执行可以由硬件完成,同样也可以由软件来完成。对于某一机器功能采用硬件实现方案还是软件实现方案,取决于价格、速度、可靠性、存储容量、变更周期等非技术性因素。对于技术人员来说,软件实现方式和硬件实现方式是等同的。技术人员可以根据需要选择软件或硬件来实现上述方案。因此,这里不对具体的软件或硬件进行限制。
<浏览器>
图2是根据本公开的另一个实施例的浏览器的示意性框图。
如图2所述,该浏览器可以包括前面所述的用于展现网页内容的设备。
此外,在对于技术人员来说,还可以基于前面所述的方法来制造一种浏览器。该浏览器可以被设计成执行前面所述的用于展现网页内容的方法中的操作。
<电子设备>
可以在电子设备中实现根据本发明的各个实施例。所述电子设备例如是笔记本电脑、智能手机、平板电脑等。
图3示出了根据本公开的另一个实施例的电子设备的示意性框图。如图3所示,电子设备3000可以包括浏览器3010。例如,所示浏览器3010是前面所述的浏览器。
图4示出了根据本公开的另一个实施例的电子设备的示意性框图。
如图4所示,电子设备4000可以包括处理器4010、存储器4020、接口装置4030、通信装置4040、显示装置4050、输入装置4060、扬声器4070、麦克风4080,等等。
处理器4010例如可以是中央处理器CPU、微处理器MCU等。存储器4020例如包括ROM(只读存储器)、RAM(随机存取存储器)、诸如硬盘的非易失性存储器等。接口装置4030例如包括USB接口、耳机接口等。
通信装置4040例如能够进行有有线或无线通信。
显示装置4050例如是液晶显示屏、触摸显示屏等。输入装置4060例如可以包括触摸屏、键盘等。用户可以通过扬声器4070和麦克风4080输入/输出语音信息。
图4所示的电子设备仅是解释性的,并且决不是为了要限制本发明、其应用或用途。
在这个实施例中,所述存储器4020用于存储指令,所述可执行指令在所述电子设备运行时控制所述处理器执行根据任何一个实施例所述的用于展现网页内容的方法中的操作。本领域技术人员应当理解,尽管在图4中示出了多个装置,但是,本发明可以仅涉及其中的部分装置,例如,处理器4010和存储装置4020等。技术人员可以根据本发明所公开方案设计指令。指令如何控制处理器进行操作,这是本领域公知,故在此不再详细描述。
<例子>
下面,参照图5-6,说明根据本公开的一个实施例的具体例子。
图5示出了隐藏部分网页内容的情况。在图5中,在网页页面中显示标题栏511(“杭州”)、选项卡(“推荐”、“景点”……)520和内容体530。在这里,标题栏511可以是这里所述的页面元素。它的展示区域包括当前展示的部分511和隐藏的部分。
如图6所示,当用户对标题栏511执行下拉操作时,展现与标题栏对应的隐藏部分512。
这里,例如可以通过为所述页面元素设置一个较小的高度,将所述隐藏部分隐藏起来。例如,页面元素的展示区域的实际内容高度为800像素。在初始状态下,可以利用CSS(Cascading Style Sheets,级联样式表)将展示的高度设置为200像素,即,可以隐藏600像素高度的内容。
可以监听用户的下拉操作,通过用户下拉操作的偏移量,跟随用户的下拉操作来展示隐藏部分。例如,假设用户手指开始触摸屏幕的点的纵坐标为Y0,且在用户移动手指后手指所位于的点的纵坐标为Y1,则可以得出用户手指移动操作的偏移量为offsetY=Y1–Y0。当页面位于最顶部(可以通过JS代码document.body.scrollTop===0确定)时,并且当offsetY的值为正数时,可以知道用户在网页页面上执行下拉操作。通过重新设置展现区域的CSS高度为200像素+offsetY像素,可以跟随用户的手指展现所述隐藏部分的内容。
当用户抬起手指时,根据用户已经下拉的高度决定是否展开所述隐藏部分。例如,当用户抬起手指时,确定用户下拉操作的高度(即,下拉操作的偏移量)是否超过实际内容高度的一半,即,800像素/2=400像素。如果用户下拉操作的高度大于等于400像素,则将展示区域的高度设置为800像素,从而展现所述展示区域的全部内容。如果用户下拉操作的高度小于400像素,则将展示区域的高度重新设置为200像素,从而隐藏所述隐藏区域。
通过使用下拉操作来展示网页元素的展示区域的隐藏部分,可以在不干扰网页内容正常显示的前提下,以自然的交互方式输出更多的内容。对用户而言,在阅读当前页面的页面信息之后,还可以获取相关网页元素的额外信息。对开发者而言,充分利用有限的显示空间,给用户提供更多的信息。
本发明可以是设备、方法和/或计算机程序产品。计算机程序产品可以包括计算机可读存储介质,其上载有用于使处理器实现本发明的各个方面的计算机可读程序指令。
计算机可读存储介质可以是可以保持和存储由指令执行设备使用的指令的有形设备。计算机可读存储介质例如可以是――但不限于――电存储设备、磁存储设备、光存储设备、电磁存储设备、半导体存储设备或者上述的任意合适的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括:便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、静态随机存取存储器(SRAM)、便携式压缩盘只读存储器(CD-ROM)、数字多功能盘(DVD)、记忆棒、软盘、机械编码设备、例如其上存储有指令的打孔卡或凹槽内凸起结构、以及上述的任意合适的组合。这里所使用的计算机可读存储介质不被解释为瞬时信号本身,诸如无线电波或者其他自由传播的电磁波、通过波导或其他传输媒介传播的电磁波(例如,通过光纤电缆的光脉冲)、或者通过电线传输的电信号。
这里所描述的计算机可读程序指令可以从计算机可读存储介质下载到各个计算/处理设备,或者通过网络、例如因特网、局域网、广域网和/或无线网下载到外部计算机或外部存储设备。网络可以包括铜传输电缆、光纤传输、无线传输、路由器、防火墙、交换机、网关计算机和/或边缘服务器。每个计算/处理设备中的网络适配卡或者网络接口从网络接收计算机可读程序指令,并转发该计算机可读程序指令,以供存储在各个计算/处理设备中的计算机可读存储介质中。
用于执行本发明操作的计算机程序指令可以是汇编指令、指令集架构(ISA)指令、机器指令、机器相关指令、微代码、固件指令、状态设置数据、或者以一种或多种编程语言的任意组合编写的源代码或目标代码,所述编程语言包括面向对象的编程语言—诸如Smalltalk、C++等,以及常规的过程式编程语言—诸如“C”语言或类似的编程语言。计算机可读程序指令可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络—包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。在一些实施例中,通过利用计算机可读程序指令的状态信息来个性化定制电子电路,例如可编程逻辑电路、现场可编程门阵列(FPGA)或可编程逻辑阵列(PLA),该电子电路可以执行计算机可读程序指令,从而实现本发明的各个方面。
这里参照根据本发明实施例的方法、装置(***)和计算机程序产品的流程图和/或框图描述了本发明的各个方面。应当理解,流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合,都可以由计算机可读程序指令实现。
这些计算机可读程序指令可以提供给通用计算机、专用计算机或其它可编程数据处理装置的处理器,从而生产出一种机器,使得这些指令在通过计算机或其它可编程数据处理装置的处理器执行时,产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中,这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作,从而,存储有指令的计算机可读介质则包括一个制造品,其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。
也可以把计算机可读程序指令加载到计算机、其它可编程数据处理装置、或其它设备上,使得在计算机、其它可编程数据处理装置或其它设备上执行一系列操作步骤,以产生计算机实现的过程,从而使得在计算机、其它可编程数据处理装置、或其它设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。
附图中的流程图和框图显示了根据本发明的多个实施例的***、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分,所述模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的***来实现,或者可以用专用硬件与计算机指令的组合来实现。对于本领域技术人员来说公知的是,通过硬件方式实现、通过软件方式实现以及通过软件和硬件结合的方式实现都是等价的。
以上已经描述了本发明的各实施例,上述说明是示例性的,并非穷尽性的,并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择,旨在最好地解释各实施例的原理、实际应用或对市场中的技术改进,或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。本发明的范围由所附权利要求来限定。