CN110806872A - 网页内容展示方法、装置以及存储介质 - Google Patents
网页内容展示方法、装置以及存储介质 Download PDFInfo
- Publication number
- CN110806872A CN110806872A CN201911038999.8A CN201911038999A CN110806872A CN 110806872 A CN110806872 A CN 110806872A CN 201911038999 A CN201911038999 A CN 201911038999A CN 110806872 A CN110806872 A CN 110806872A
- Authority
- CN
- China
- Prior art keywords
- container
- height
- webpage content
- content
- setting
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 56
- 238000012544 monitoring process Methods 0.000 claims abstract description 12
- 230000000694 effects Effects 0.000 claims description 22
- 230000007704 transition Effects 0.000 claims description 9
- 238000004364 calculation method Methods 0.000 claims description 6
- 238000012545 processing Methods 0.000 description 13
- 238000010586 diagram Methods 0.000 description 9
- 230000008569 process Effects 0.000 description 7
- 230000005540 biological transmission Effects 0.000 description 4
- 238000004891 communication Methods 0.000 description 4
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000005034 decoration Methods 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000002708 enhancing effect Effects 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000001174 ascending effect Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000003247 decreasing effect Effects 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请公开了一种网页内容展示方法、装置以及存储介质。其中,该方法包括:设置用于装载网页内容的容器的样式为溢出隐藏;在容器中装载网页内容,并根据网页内容的大小计算容器的实际高度;设置容器在装载网页内容情况下的初始高度,并将容器调整至初始高度;以及监听用于控制网页内容展开或收起的开关变量,根据初始高度和实际高度,控制容器的展示范围。
Description
技术领域
本申请涉及计算机技术领域,特别是涉及一种网页内容展示方法、装置以及存储介质。
背景技术
在网页开发中,经常需要对一些内容过高的区块进行高度限制处理,使其初始只显示部分内容或完全隐藏,用户点击按钮控制其展开和折叠,达到节省页面空间,增强交互体验的目的,折叠过程中的滚动动画,一般使用最流行的js库jquery递增递减来改变容器的高度,实现这种下拉收起的过渡效果。但是,改变容器高度会引起页面的重绘,重绘性能消耗较高并且可能造成网页卡顿,影响使用体验。
针对上述的现有技术中存在的网页内容的展开与折叠的动画效果,一般通过js频繁计算改变容器高度来实现,但是这种方式会引起页面重绘,因此性能消耗较大,可能造成网页卡顿的技术问题,目前尚未提出有效的解决方案。
发明内容
本公开的实施例提供了一种网页内容展示方法、装置以及存储介质,以至少解决现有技术中存在的网页内容的展开与折叠的动画效果,一般通过js频繁计算改变容器高度来实现,但是这种方式会引起页面重绘,因此性能消耗较大,可能造成网页卡顿的技术问题。
根据本公开实施例的一个方面,提供了一种网页内容展示方法,包括:设置用于装载网页内容的容器的样式为溢出隐藏;在容器中装载网页内容,并根据网页内容的大小计算容器的实际高度;设置容器在装载网页内容情况下的初始高度,并将容器调整至初始高度;以及监听用于控制网页内容展开或收起的开关变量,根据初始高度和实际高度,控制容器的展示范围。
根据本公开实施例的另一个方面,还提供了一种存储介质,存储介质包括存储的程序,其中,在程序运行时由处理器执行以上任意一项所述的方法。
根据本公开实施例的另一个方面,还提供了一种网页内容展示装置,包括:第一设置模块,用于设置用于装载网页内容的容器的样式为溢出隐藏;实际高度计算模块,用于在容器中装载网页内容,并根据网页内容的大小计算容器的实际高度;第二设置模块,用于设置容器在装载网页内容情况下的初始高度,并将容器调整至初始高度;以及控制展示模块,用于监听用于控制网页内容展开或收起的开关变量,根据初始高度和实际高度,控制容器的展示范围。
根据本公开实施例的另一个方面,还提供了一种网页内容展示装置,包括:处理器;以及存储器,与处理器连接,用于为处理器提供处理以下处理步骤的指令:设置用于装载网页内容的容器的样式为溢出隐藏;在容器中装载网页内容,并根据网页内容的大小计算容器的实际高度;设置容器在装载网页内容情况下的初始高度,并将容器调整至初始高度;以及监听用于控制网页内容展开或收起的开关变量,根据初始高度和实际高度,控制容器的展示范围。
在本公开实施例中,通过计算容器的实际高度,然后设置容器的初始高度,最终监听控制网页内容展开或收起的开关变量,根据初始高度和实际高度控制网页内容的显示范围,即网页内容的展开与折叠。实现了减少计算量、提升网页性能的技术效果,解决了现有技术中存在的网页内容的展开与折叠的动画效果,一般通过js频繁计算改变容器高度来实现,但是这种方式会引起页面重绘,因此性能消耗较大,可能造成网页卡顿的技术问题。
附图说明
此处所说明的附图用来提供对本公开的进一步理解,构成本申请的一部分,本公开的示意性实施例及其说明用于解释本公开,并不构成对本公开的不当限定。在附图中:
图1是用于实现根据本公开实施例1所述的方法的计算设备的硬件结构框图;
图2是根据本公开实施例1的第一个方面所述的网页内容展示方法的流程示意图;
图3a是根据本公开实施例1所述的装载网页内容的容器的一个示意图;
图3b是根据本公开实施例1所述的装载网页内容的容器的另一个示意图;
图3c是根据本公开实施例1所述的装载网页内容的容器的另一个示意图;
图4是根据本公开实施例2所述的网页内容展示装置的示意图;以及
图5是根据本公开实施例3所述的网页内容展示装置的示意图。
具体实施方式
为了使本技术领域的人员更好地理解本公开的技术方案,下面将结合本公开实施例中的附图,对本公开实施例中的技术方案进行清楚、完整地描述。显然,所描述的实施例仅仅是本公开一部分的实施例,而不是全部的实施例。基于本公开中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本公开保护的范围。
需要说明的是,本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、***、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
实施例1
根据本实施例,提供了一种网页内容展示方法的实施例,需要说明的是,在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机***中执行,并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
本实施例所提供的方法实施例可以在移动终端、计算机终端、服务器或者类似的计算设备中执行。图1示出了一种用于实现网页内容展示方法的计算设备的硬件结构框图。如图1所示,计算设备可以包括一个或多个处理器(处理器可以包括但不限于微处理器MCU或可编程逻辑器件FPGA等的处理装置)、用于存储数据的存储器、以及用于通信功能的传输装置。除此以外,还可以包括:显示器、输入/输出接口(I/O接口)、通用串行总线(USB)端口(可以作为I/O接口的端口中的一个端口被包括)、网络接口、电源和/或相机。本领域普通技术人员可以理解,图1所示的结构仅为示意,其并不对上述电子装置的结构造成限定。例如,计算设备还可包括比图1中所示更多或者更少的组件,或者具有与图1所示不同的配置。
应当注意到的是上述一个或多个处理器和/或其他数据处理电路在本文中通常可以被称为“数据处理电路”。该数据处理电路可以全部或部分的体现为软件、硬件、固件或其他任意组合。此外,数据处理电路可为单个独立的处理模块,或全部或部分的结合到计算设备中的其他元件中的任意一个内。如本公开实施例中所涉及到的,该数据处理电路作为一种处理器控制(例如与接口连接的可变电阻终端路径的选择)。
存储器可用于存储应用软件的软件程序以及模块,如本公开实施例中的网页内容展示方法对应的程序指令/数据存储装置,处理器通过运行存储在存储器内的软件程序以及模块,从而执行各种功能应用以及数据处理,即实现上述的应用程序的网页内容展示方法。存储器可包括高速随机存储器,还可包括非易失性存储器,如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中,存储器可进一步包括相对于处理器远程设置的存储器,这些远程存储器可以通过网络连接至计算设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
传输装置用于经由一个网络接收或者发送数据。上述的网络具体实例可包括计算设备的通信供应商提供的无线网络。在一个实例中,传输装置包括一个网络适配器(Network Interface Controller,NIC),其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实例中,传输装置可以为射频(Radio Frequency,RF)模块,其用于通过无线方式与互联网进行通讯。
显示器可以例如触摸屏式的液晶显示器(LCD),该液晶显示器可使得用户能够与计算设备的用户界面进行交互。
此处需要说明的是,在一些可选实施例中,上述图1所示的计算设备可以包括硬件元件(包括电路)、软件元件(包括存储在计算机可读介质上的计算机代码)、或硬件元件和软件元件两者的结合。应当指出的是,图1仅为特定具体实例的一个实例,并且旨在示出可存在于上述计算设备中的部件的类型。
在上述运行环境下,根据本实施例的第一个方面,提供了一种网页内容展示方法,图2示出了该方法的流程示意图,参考图2所示,该方法包括:
S202:设置用于装载网页内容的容器的样式为溢出隐藏;
S204:在容器中装载网页内容,并根据网页内容的大小计算容器的实际高度;
S206:设置容器在装载网页内容情况下的初始高度,并将容器调整至初始高度;以及
S208:监听用于控制网页内容展开或收起的开关变量,根据初始高度和实际高度,控制容器的展示范围。
正如背景技术中所述的,在网页开发中,经常需要对一些内容过高的区块进行高度限制处理,使其初始只显示部分内容或完全隐藏,用户点击按钮控制其展开和折叠,达到节省页面空间,增强交互体验的目的,折叠过程中的滚动动画,一般使用最流行的js库jquery递增递减来改变容器的高度,实现这种下拉收起的过渡效果。但是,改变容器高度会引起页面的重绘,重绘性能消耗较高并且可能造成网页卡顿,影响使用体验。
针对背景技术中存在的技术问题,具体地,在步骤S202中,设置用于装载网页内容的容器的样式为溢出隐藏。众所周知的,网页中的内容都是由容器进行装载展示的,例如但不限于容器可以是div标签、span标签。本实施例中设置容器(例如:div标签)的属性为溢出隐藏,即:将容器中的网页内容的溢出部分设置为隐藏。参考图3a~3c所示,例如AAAAA...,BBBBB...,CCCCC...,DDDDD..是网页内容,矩形框为容器。
在步骤S204中,利用容器(div)对网页内容进行装载,然后根据网页内容的大小计算容器的实际高度。
在步骤S206中,设置容器在装载网页内容情况下的初始高度,并将容器调整至初始高度。由于设置了容器的属性为溢出隐藏,在这种情况下设置容器的初始高度,使得容器的初始高度为网页内容的显示部分。然后,将容器调整至初始高度,即网页界面初始的网页内容部分根据容器的初始高度进行显示。
在步骤S208中,监听用于控制网页内容展开或收起的开关变量,根据初始高度和实际高度,控制容器的展示范围。例如:网页内容的收起或者展开设置有相应的按钮,或者当用户触发相应的网页内容的部分,网页内容会展开或者折叠。这种展开或者折叠效果设置有开关变量,通过对开关变量的监听,确定用户是否对网页进行展开或者折叠的触发操作,从而根据容器的初始高度和实际高度对容器的展示范围进行控制,进而达到控制网页内容的展示范围的效果。
从而本方法首先计算容器的实际高度,然后设置容器的初始高度,最终监听控制网页内容展开或收起的开关变量,根据初始高度和实际高度控制网页内容的显示范围,即网页内容的展开与折叠。与现有技术中通过js进行递增递减控制网页的展开与折叠相比,本方案不需要对网页内容进行重绘,只是通过对容器的实际高度与预设的初始高度进行简单计算,达到了网页内容的折叠与展开的目的。
因此与现有技术相比,本方案实现了减少计算量、提升网页性能的技术效果,解决了现有技术中存在的网页内容的展开与折叠的动画效果,一般通过js频繁计算改变容器高度来实现,但是这种方式会引起页面重绘,因此性能消耗较大,可能造成网页卡顿的技术问题。
可选地,在容器中装载网页内容之前,还包括:将容器的样式设置为高度自动,并且据网页内容的大小计算容器的实际高度,包括:根据网页内容将容器撑开的高度,确定容器的实际高度。
具体地,参考图3a和图3b所示,图3a为容器的示意图,其中实线框为容器的初始高度,虚线框中为网页内容的隐藏部分。在容器中装载网页内容之前,将容器的样式设置为高度自动,由于容器的样式为高度自动,因此将体积大于容器的网页内容装载到容器中,容器的高度会因为网页内容的大小被撑开,进而可以计算容器的实际高度,图3b示出了撑开后的容器的示意图。由于容器的展开→计算高度→收起,这个过程在1-2帧内完成,肉眼观察到的就是最终的收起状态,此时实际高度已在未被察觉的情况下获取到。通过这种方式计算容器的实际高度操作简单,并且结果更加精准。
可选地,根据初始高度和实际高度,控制容器的展示范围的操作,包括:在开关变量为展开的情况下,以实际高度作为容器的展示范围;以及在开关变量为收起的情况下,以初始高度作为容器的展示范围。
具体地,在根据初始高度和实际高度,控制容器的展示范围的操作中,通过对开关变量的监听,在监听到网页内容为展开的情况下,以实际高度作为网页内容的展示范围;在监听到网页内容为折叠的情况下,以初始高度作为网页内容的展示范围。在一个实施例中,展开时***实际高度的属性,收起时移除实际高度的属性。从而,可以根据对开关变量的监听,动态控制网页的展开或折叠。
可选地,在设置容器在装载网页内容情况下的初始高度的操作中,设置容器在装载网页内容情况下的初始高度为0。在网页初始的情况下,由于容器的初始高度为0,因此网页内容全部隐藏,参考图3c所示,网页内容全部隐藏(虚线框)。
可选地,在设置容器在装载网页内容情况下的初始高度的操作中,设置容器在装载网页内容情况下的初始高度为预设值,预设值的范围在0和实际高度之间,例如预设值为实际高度的一半(参考图3a所示,实线框高度为初始高度的预设值)。从而,在网页初始的情况下,由于容器的初始高度为0到实际高度之间的预设值,因此网页内容的显示部分为容器的高度预设值。
可选地,控制网页内容的展示范围的操作,还包括:设置控制网页内容展开或收起的过渡属性,为网页内容的展示添加动画效果。
具体地,在控制网页内容的展示范围的操作中,设置页面内容展开到折叠或者折叠到展开这一过程的过渡属性,例如:css的transition属性,通过过渡属性的设置可以使网页内容的展示添加过渡的动画效果,使页面更加美观。此外,由于transition特性已作用于容器上,在高度改变时,还会对内外边距、透明度进行控制。并且过渡属性实现动画与js实现的动画效果相比,占用资源少,避免了网页卡顿。
此外,参考图1所示,根据本实施例的第二个方面,提供了一种存储介质。所述存储介质包括存储的程序,其中,在所述程序运行时由处理器执行以上任意一项所述的方法。
从而根据本实施例,实现了减少计算量、提升网页性能的技术效果,解决了现有技术中存在的网页内容的展开与折叠的动画效果,一般通过js频繁计算改变容器高度来实现,但是这种方式会引起页面重绘,因此性能消耗较大,可能造成网页卡顿的技术问题。
需要说明的是,对于前述的各方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明并不受所描述的动作顺序的限制,因为依据本发明,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定是本发明所必须的。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,或者网络设备等)执行本发明各个实施例所述的方法。
实施例2
图4示出了根据本实施例所述的网页内容展示装置400,该装置400与根据实施例1的第一个方面所述的方法相对应。参考图4所示,该装置400包括:第一设置模块410,用于设置用于装载网页内容的容器的样式为溢出隐藏;实际高度计算模块420,用于在容器中装载网页内容,并根据网页内容的大小计算容器的实际高度;第二设置模块430,用于设置容器在装载网页内容情况下的初始高度,并将容器调整至初始高度;以及控制展示模块440,用于监听用于控制网页内容展开或收起的开关变量,根据初始高度和实际高度,控制容器的展示范围。
可选地,网页内容展示装置400还包括:第三设置模块,用于在容器中装载网页内容之前,将容器的样式设置为高度自动,并且实际高度计算模块,包括:计算子模块,用于根据网页内容将容器撑开的高度,确定容器的实际高度。
可选地,控制展示模块440,包括:第一控制子模块,用于在开关变量为展开的情况下,以实际高度作为容器的展示范围;以及第二控制子模块,用于在开关变量为收起的情况下,以初始高度作为容器的展示范围。
可选地,第二设置模块430包括:第一设置子模块,用于设置容器在装载网页内容情况下的初始高度为0。
可选地,第二设置模块430还包括:第二设置子模块,用于设置容器在装载网页内容情况下的初始高度为预设值,预设值的范围在0和实际高度之间。
从而根据本实施例,通过网页内容展示装置400计算容器的实际高度,然后设置容器的初始高度,最终监听控制网页内容展开或收起的开关变量,根据初始高度和实际高度控制网页内容的显示范围,即网页内容的展开与折叠。实现了减少计算量、提升网页性能的技术效果,解决了现有技术中存在的网页内容的展开与折叠的动画效果,一般通过js频繁计算改变容器高度来实现,但是这种方式会引起页面重绘,因此性能消耗较大,可能造成网页卡顿的技术问题。
实施例3
图5示出了根据本实施例所述的网页内容展示装置500,该装置500与根据实施例1的第一个方面所述的方法相对应。参考图5所示,该装置500包括:处理器510;以及存储器520,与处理器510连接,用于为处理器510提供处理以下处理步骤的指令:设置用于装载网页内容的容器的样式为溢出隐藏;在容器中装载网页内容,并根据网页内容的大小计算容器的实际高度;设置容器在装载网页内容情况下的初始高度,并将容器调整至初始高度;以及监听用于控制网页内容展开或收起的开关变量,根据初始高度和实际高度,控制容器的展示范围。
可选地,存储器520还用于为处理器510提供处理以下处理步骤的指令:在容器中装载网页内容之前,将容器的样式设置为高度自动,并且据网页内容的大小计算容器的实际高度,包括:根据网页内容将容器撑开的高度,确定容器的实际高度。
可选地,根据初始高度和实际高度,控制容器的展示范围的操作,包括:在开关变量为展开的情况下,以实际高度作为容器的展示范围;以及在开关变量为收起的情况下,以初始高度作为容器的展示范围。
可选地,设置容器在装载网页内容情况下的初始高度的操作,包括:设置容器在装载网页内容情况下的初始高度为0。
可选地,设置容器在装载网页内容情况下的初始高度的操作,包括:设置容器在装载网页内容情况下的初始高度为预设值,预设值的范围在0和实际高度之间。
可选地,控制网页内容的展示范围的操作,还包括:设置控制网页内容展开或收起的过渡属性,为网页内容的展示添加动画效果。
从而根据本实施例,通过网页内容展示装置500计算容器的实际高度,然后设置容器的初始高度,最终监听控制网页内容展开或收起的开关变量,根据初始高度和实际高度控制网页内容的显示范围,即网页内容的展开与折叠。实现了减少计算量、提升网页性能的技术效果,解决了现有技术中存在的网页内容的展开与折叠的动画效果,一般通过js频繁计算改变容器高度来实现,但是这种方式会引起页面重绘,因此性能消耗较大,可能造成网页卡顿的技术问题。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
在本发明的上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
在本申请所提供的几个实施例中,应该理解到,所揭露的技术内容,可通过其它的方式实现。其中,以上所描述的装置实施例仅仅是示意性的,例如所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个***,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,单元或模块的间接耦合或通信连接,可以是电性或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述仅是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。
Claims (10)
1.一种网页内容展示方法,其特征在于,包括:
设置用于装载网页内容的容器的样式为溢出隐藏;
在所述容器中装载所述网页内容,并根据所述网页内容的大小计算所述容器的实际高度;
设置所述容器在装载所述网页内容情况下的初始高度,并将所述容器调整至所述初始高度;以及
监听用于控制所述网页内容展开或收起的开关变量,根据所述初始高度和所述实际高度,控制所述容器的展示范围。
2.根据权利要求1所述的方法,其特征在于,在所述容器中装载所述网页内容之前,还包括:将所述容器的样式设置为高度自动,并且
据所述网页内容的大小计算所述容器的实际高度,包括:根据所述网页内容将所述容器撑开的高度,确定所述容器的实际高度。
3.根据权利要求1所述的方法,其特征在于,根据所述初始高度和所述实际高度,控制所述容器的展示范围的操作,包括:
在所述开关变量为展开的情况下,以所述实际高度作为所述容器的展示范围;以及
在所述开关变量为收起的情况下,以所述初始高度作为所述容器的展示范围。
4.根据权利要求1所述的方法,其特征在于,设置所述容器在装载所述网页内容情况下的初始高度的操作,包括:设置所述容器在装载所述网页内容情况下的初始高度为0。
5.根据权利要求1所述的方法,其特征在于,设置所述容器在装载所述网页内容情况下的初始高度的操作,包括:设置所述容器在装载所述网页内容情况下的初始高度为预设值,所述预设值的范围在0和所述实际高度之间。
6.根据权利要求1-5任意一项所述的方法,其特征在于,控制所述网页内容的展示范围的操作,还包括:
设置控制所述网页内容展开或收起的过渡属性,为所述网页内容的展示添加动画效果。
7.一种存储介质,其特征在于,所述存储介质包括存储的程序,其中,在所述程序运行时由处理器执行权利要求1至6中任意一项所述的方法。
8.一种网页内容展示装置,其特征在于,包括:
第一设置模块,用于设置用于装载网页内容的容器的样式为溢出隐藏;
实际高度计算模块,用于在所述容器中装载所述网页内容,并根据所述网页内容的大小计算所述容器的实际高度;
第二设置模块,用于设置所述容器在装载所述网页内容情况下的初始高度,并将所述容器调整至所述初始高度;以及
控制展示模块,用于监听用于控制所述网页内容展开或收起的开关变量,根据所述初始高度和所述实际高度,控制所述容器的展示范围。
9.根据权利要求8所述的装置,其特征在于,还包括:第三设置模块,用于在所述容器中装载所述网页内容之前,将所述容器的样式设置为高度自动,并且所述实际高度计算模块,包括:计算子模块,用于根据所述网页内容将所述容器撑开的高度,确定所述容器的实际高度。
10.根据权利要求8所述的装置,其特征在于,所述控制展示模块,包括:
第一控制子模块,用于在所述开关变量为展开的情况下,以所述实际高度作为所述容器的展示范围;以及
第二控制子模块,用于在所述开关变量为收起的情况下,以所述初始高度作为所述容器的展示范围。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911038999.8A CN110806872A (zh) | 2019-10-29 | 2019-10-29 | 网页内容展示方法、装置以及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911038999.8A CN110806872A (zh) | 2019-10-29 | 2019-10-29 | 网页内容展示方法、装置以及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110806872A true CN110806872A (zh) | 2020-02-18 |
Family
ID=69489499
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911038999.8A Pending CN110806872A (zh) | 2019-10-29 | 2019-10-29 | 网页内容展示方法、装置以及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110806872A (zh) |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20060212803A1 (en) * | 2005-03-16 | 2006-09-21 | American Express Travel Related Services Company, Inc. | System and method for dynamically resizing embeded web page content |
CN106339226A (zh) * | 2016-08-26 | 2017-01-18 | 南威软件股份有限公司 | 一种网页页面的展示方法和页面展示插件 |
CN106934061A (zh) * | 2017-03-28 | 2017-07-07 | 福建中金在线信息科技有限公司 | 一种基于css展示网页更多内容的方法及装置 |
CN107665076A (zh) * | 2017-09-14 | 2018-02-06 | 广州神马移动信息科技有限公司 | 展现网页内容的方法、设备、浏览器和电子设备 |
CN109375973A (zh) * | 2018-09-20 | 2019-02-22 | 北京城市网邻信息技术有限公司 | 页面展示方法、装置、计算机设备及计算机可读存储介质 |
CN110244949A (zh) * | 2019-05-06 | 2019-09-17 | 阿里巴巴集团控股有限公司 | 一种页面信息展示方法及装置 |
-
2019
- 2019-10-29 CN CN201911038999.8A patent/CN110806872A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20060212803A1 (en) * | 2005-03-16 | 2006-09-21 | American Express Travel Related Services Company, Inc. | System and method for dynamically resizing embeded web page content |
CN106339226A (zh) * | 2016-08-26 | 2017-01-18 | 南威软件股份有限公司 | 一种网页页面的展示方法和页面展示插件 |
CN106934061A (zh) * | 2017-03-28 | 2017-07-07 | 福建中金在线信息科技有限公司 | 一种基于css展示网页更多内容的方法及装置 |
CN107665076A (zh) * | 2017-09-14 | 2018-02-06 | 广州神马移动信息科技有限公司 | 展现网页内容的方法、设备、浏览器和电子设备 |
CN109375973A (zh) * | 2018-09-20 | 2019-02-22 | 北京城市网邻信息技术有限公司 | 页面展示方法、装置、计算机设备及计算机可读存储介质 |
CN110244949A (zh) * | 2019-05-06 | 2019-09-17 | 阿里巴巴集团控股有限公司 | 一种页面信息展示方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107797780B (zh) | 拼接屏幕的数据显示、控制方法及装置、***、显示设备 | |
CN106951163B (zh) | 一种显示控制方法及装置 | |
CN106325687B (zh) | 一种调用程序的方法及终端 | |
CN109062653B (zh) | 长图文信息显示方法、计算机装置及计算机可读存储介质 | |
CN105404458B (zh) | 网页内容更新方法及装置 | |
CN103345356A (zh) | 一种控制锁屏界面的方法及终端 | |
CN105094557A (zh) | 一种显示控制方法及装置、电子设备 | |
CN104571877A (zh) | 一种页面的显示处理方法及装置 | |
CN108469973B (zh) | 界面内容的显示方法、显示装置以及智能显示设备 | |
CN106250109A (zh) | 一种桌面应用程序显示方法、装置以及移动终端 | |
US20170169599A1 (en) | Methods and electronic devices for displaying picture | |
CN111833143A (zh) | 信息分类显示方法及装置 | |
CN105808307B (zh) | 一种页面显示方法和装置 | |
CN114879925A (zh) | 显示控制方法及相关装置 | |
CN107423012B (zh) | 一种数据显示方法、装置及电子设备 | |
EP2911047A1 (en) | Method and apparatus for displaying information and electronic device adapted to the method | |
CN110806872A (zh) | 网页内容展示方法、装置以及存储介质 | |
CN111143731B (zh) | 一种网页界面缩放时的显示方法、装置及终端设备 | |
WO2023155809A1 (zh) | 桌面变形器显示方法、装置、电子设备及存储介质 | |
CN107357488B (zh) | 桌面图标的显示方法、装置及电子设备 | |
CN111340911A (zh) | 确定k线图中的连线的方法、装置以及存储介质 | |
CN107783744B (zh) | 拼接屏幕的数据显示、控制方法及装置、***、显示设备 | |
KR101987059B1 (ko) | 풀 사이즈 웹 페이지 출력을 위한 콘텐츠 크기 제어 방법, 이를 이용한 장치 및 컴퓨터-판독가능 매체 | |
CN107085567B (zh) | 智能终端数据布局显示的控制方法及*** | |
CN102681974B (zh) | 显示方法、显示装置和电子设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200218 |